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

Селекторы по классам [3/18]

Класс — это один из атрибутов тегов. Выглядит он вот так:

<li class="first"></li>

Этот атрибут особенный, так как в CSS существует возможность выбирать элементы по классу. Делается это с помощью такого селектора: .имя_класса. Например:

.first {
  /* стили для класса first */
}
Имена классов могут состоять из латинских символов, цифр и знаков - и _. Имя класса должно начинаться с латинской буквы.

Выполнить задание
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="hit">1</li> <li class="hit">2</li> <li class="miss">3</li> <li class="hit">4</li> <li class="miss">5</li> </ul> </body> </html>
CSS
HTML Academy

Биатлонист поразил только три мишени: первую, вторую и четвёртую.

  1. Для класса hit задайте свойство background-color: white;. 1, 2, 4 мишени закрыты.
  2. Для класса miss задайте свойство background-color: red;. 3, 5 мишени — мимо.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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