Перечислите основные виды селекторов

Question

Gymterview · Accepted Answer

Основные виды: универсальный (*), элемента (tag), класса (.class), идентификатора (#id), псевдокласса (:pseudo), псевдоэлемента (::pseudo), атрибута ([attr]), комбинированные (A B, A > B, A + B, A ~ B). Комбинаторы: потомок (пробел) — любая глубина, дочерний (>) — прямые потомки, соседний (+) — первый после, общий (~) — все после на том же уровне.

Вид селектора	Синтаксис	Описание	Пример
Универсальный	`*`	Выбирает все элементы	`* { margin: 0; }`
Элемента (типа)	`tag`	Все элементы с указанным тегом	`div { ... }`
Класса	`.class`	Все элементы с указанным классом	`.center { ... }`
Идентификатора	`#id`	Элемент с указанным id	`#footer { ... }`
Псевдокласса	`:pseudo`	Элементы в определённом состоянии	`p:first-of-type`
Псевдоэлемента	`::pseudo`	Части элемента	`p::first-line`
Атрибута	`[attr]`	Элементы по значению атрибута	`[href*="youtube"]`
Комбинированные	`A B`, `A > B`, `A + B`, `A ~ B`	Элементы по связи с другими	`div > p { ... }`

Комбинатор	Пример	Описание
Потомок (пробел)	`div p`	Все `p` внутри `div` (любая глубина)
Дочерний `>`	`div > p`	Только прямые дочерние `p`
Соседний `+`	`h1 + p`	Первый `p` сразу после `h1`
Общий `~`	`h1 ~ p`	Все `p` после `h1` на том же уровне