Уточните пожалуйста!

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

В курсе «Селекторы» есть тема: “:nth-child и контекстные селекторы [11/18]” и у Вас написанно: «Селекторы с псевдоклассами хорошо сочетаются с контекстными селекторами.
Например, селектор:
.shooter-2 li:nth-child(3) { … }
Выберет третий тег

  • внутри блока с классом shooter-2.
    В этом задании вам нужно будет сделать то же, что и в задании 5, но без использования классов.»
    Вопрос: как я могу обозначить именно тот селектор, который стоит в задании без классов и именно, на то решение задания?
    • 2

    В 5 задании для закрытия мишени каждой из них вы присваивали свой класс, а затем в CSS -редакторе прописывали стили для каждого из них. В этом задании вам предлагают способ получше даже.
    Объясню.
    "Первый биатлонист закрыл все мишени, кроме второй и пятой."
    Значит первая, третья и четвертая станут белыми.
    Селекторы будут такие:
    .shooter-1 li:nth-child(1)
    .shooter-1 li:nth-child(3)
    .shooter-1 li:nth-child(4)
    Вторая и пятая мишени будут красными. Селекторы соответственно
    .shooter-1 li:nth-child(2)
    .shooter-1 li:nth-child(5)
    HTML-код менять не надо.

    3

    Нет ты не понял меня, ты опять совершаешь ту же ошибку, а именно:

    • ты указываешь класс, а дальше то что тебе надо!!!
      я же хотел узнать (читая перед этим задание, где хорошо видно:
      В этом задании вам нужно будет сделать то же, что и в задании 5, но без использования классов.)
      как сделать то же самое, Но без использования классов?
    4

    Ну, для начала скорее “не понялА”…
    В этом задании имеется в виду не использовать классы для каждого li в отдельности.
    Но если вы так настаиваете… Возможно вы имеете в виду это:
    div li {
    background-color: white;
    }
    div:nth-child(1) li:nth-child(2) {
    background-color: red;
    }
    div:nth-child(1) li:nth-child(5) {
    background-color: red;
    }
    div:nth-child(2) li:nth-child(1) {
    background-color: red;
    }

    3 лайка
    5

    спасибо и именно в точку, а я даже и не догадался)

    1 лайк
    6

    Вообще имелось в виду без использования классов в тегах li. Т.е. подразумевался ответ типа: .shooter-1 li:nth-child(1)
    Но второй ответ интересней.
    li{
    background-color:white;
    }
    div:nth-child(1) li:nth-child(2), div:nth-child(1) li:last-child, div:nth-child(2) li:first-child{
    background-color:red;
    }

    2 лайка
    7

    Уже я осознал свою ошибку!

    1 лайк