- Теория
- Теория
Отрабатываем селекторы по классам
Синтаксис CSS позволяет выбирать элементы не только по одному классу или тегу. Можно, например, выбрать элемент одновременно по тегу и по классу или же элемент с двумя классами сразу. Для этого селектор составляется просто одной строкой из всех желаемых «частей» без пробелов. Давайте рассмотрим примеры.
В селекторе по тегу и классу первым пишется название тега, а потом идёт класс:
Если у элемента задано несколько классов, в HTML и в CSS-селекторе они могут идти в разном порядке — это не будет влиять на выборку элементов:
<p class="green text"></p>
Количество классов в селекторе может быть любым:
В этой части ваша задача — раскрашивать мишени в определённые цвета, применяя подходящие селекторы.
Всего будет три типа выстрелов в мишень, каждому из которых соответствует свой цвет:
Мишень закрыта —
background-color: white;
Выстрел мимо —
background-color: red;
Ошибка техники (попадание есть, но мишень не закрылась) —
background-color: yellow;
Потренируемся использовать классы.
Без JavaScript будущему разработчику никуда. Записывайтесь на профессиональный курс по JavaScript первого уровня, проходящий c 18 июня по 19 августа 2024. Цена 30 900 ₽
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.