Селекторы, часть 1 / :nth-child и контекстные селекторы [11/18]
×

:nth-child и контекстные селекторы [11/18]

Селекторы с псевдоклассами хорошо сочетаются с контекстными селекторами.

Например, селектор:

.shooter-2 li:nth-child(3) { ... }

Выберет третий тег <li> внутри блока с классом shooter-2.

В этом задании вам нужно будет сделать то же, что и в задании 5, но без использования классов.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>:nth-child и контекстные селекторы</title> <link rel="stylesheet" href="/assets/course7/course-2.css"> </head> <body> <div class="shooter-1"> <ul class="target"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </div> <div class="shooter-2"> <ul class="target"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </div> </body> </html>
CSS
HTML Academy

Похоже, с золотом ещё ничего не решено.

  1. Первый биатлонист закрыл все мишени, кроме второй и пятой.
  2. А второй промахнулся по первой, но затем отстрелялся чисто.

    Образец попадания по мишеням
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.