Урок 11. Справочник: Селекторы CSS

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

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

Запомните не синтаксис ради синтаксиса, а назначение каждой конструкции.

Ключевые конструкции

Конструкция	Зачем нужна
`p`	По тегу: выбирает все абзацы.
`.card`	По классу: все элементы с class="card".
`#main-title`	По id: единственный элемент с id="main-title".
`h1, h2, h3`	Группировка: один стиль для всех перечисленных.
`.card p`	Потомки: абзацы внутри .card на любой глубине.
`.menu > li`	Дочерние: только прямые li внутри .menu.
`a:hover`	Псевдокласс: указатель находится над ссылкой.
`li:nth-child(odd)`	По позиции: нечётные элементы (1, 3, 5…).
`button:focus-visible`	Псевдокласс: видимый клавиатурный фокус.
`input[type="email"]`	По атрибуту: поля input с type="email".