Селекторы, часть 1 / Отрабатываем селекторы по классам [4/18]
×

Отрабатываем селекторы по классам [4/18]

В этом курсе ваша задача — раскрашивать мишени в определённые цвета, применяя подходящие селекторы.

Всего будет три типа выстрелов в мишень, каждому из которых соответствует свой цвет:

  1. Мишень закрыта — background-color: white;

  2. Выстрел мимо — background-color: red;

  3. Ошибка техники (попадание есть, но мишень не закрылась) — background-color: yellow;

Потренируемся использовать классы.


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

Лидер гонки преследования на первой стойке.

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

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

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

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

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

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