Урок 11. Задания: Селекторы CSS

📁 Раздел: Основы CSS ⏱️ Время изучения: ~40 мин 🎯 Сложность: Начальная

#p #h1 #a #li #button #input

Сделайте задания по порядку: каждое следующее опирается на предыдущее.

Практические задания

Оформите все абзацы через селектор по тегу p.
Создайте класс .card и примените его к трём блокам.
Добавьте второй класс .important для выделенной карточки (class="card important").
Выберите единственный заголовок страницы через #title (по id).
Одним правилом-группировкой задайте отступ для h1, h2, h3.
Сделайте стиль для ссылок при :hover и :focus-visible.
Через li:nth-child(odd) сделайте «зебру» в списке.
Выберите только пункты первого уровня меню через .menu > li.
Выберите поля ввода e-mail через input[type="email"].

Нечётные строки списка получают фон, чётные — нет:

Цель задания 7: li:nth-child(odd) красит строки 1, 3, 5.