[7/18] css код верный, но не совпадает с оригиналом в подсказке

Курсы §8. Селекторы
1

Заранее спасибо за ответ!
вопрос - выполняю задание в 7/18.
Мой код:
li {
background-color: white;
}
.shooter-1 .third + li,
.shooter-2 .first + li {
background-color: red;
}
.shooter-2 .third + li {
background-color: yellow;
}
Проверка показывает совпадение по обоим вопросам. Но в “показать ответ” код отличается. Например, белый цвет не назначается на все элементы

  • , не группируются селекторы по красному цвету.
    Является ли мой код тоже верным, либо так недопустимо делать?
    • 2

    Ваш код тоже верный. Через “показать ответ” демонстрируется подробный вариант, для каждой мишени в отдельности. Это делается для тех, кому сложно пока разбираться в селекторах.
    Если вы так хорошо понимаете, что можете группировать стили, то это только плюс)

    3

    Спасибо Вам за оперативный ответ! :slight_smile:

    4

    Здравствуйте.
    Также есть вопрос по этому заданию.
    Предыдущий автор окрасил(а) все мишени в белый этим способом:
    li {
    background-color: white;
    }

    Вопрос: почему работает этот способ, но не работают нижеприведенные варианты:
    ul {
    background-color: white;
    }

    .shooter-1,
    .shooter-2 {
    background-color: white;
    }

    Спасибо.

    5

    потому что бэкграунд-колор - это свойство не наследуемое. И если вы задаете белый фоновый цвет родителям, то на дочерний li (собственно, мишени) этот белый фон распространяться не будет.