Справочник
Селекторы и комбинаторы
- Дочерний комбинатор Знак > между селекторами выбирает только прямых детей элемента — без вложенных глубже.
- Комбинатор потомка Пробел между двумя селекторами выбирает элементы, которые находятся внутри другого элемента на любой глубине вложенности.
- Общий соседний комбинатор Знак ~ выбирает все элементы, которые идут после указанного на том же уровне, не обязательно вплотную.
- Пространство имён в селекторе Префикс с вертикальной чертой ограничивает селектор типа или звёздочку элементами из одного пространства имён, например только SVG.
- Селектор атрибута Выбирает элементы по наличию атрибута или по его значению — целиком, по началу, концу, подстроке или слову в списке.
- Селектор вложенности & Знак & внутри вложенного правила обозначает элемент, который выбрал родительский селектор
- Селектор идентификатора Выбирает элемент по значению атрибута id
- Селектор класса Выбирает элементы, у которых в атрибуте class есть указанное имя
- Селектор типа Выбирает все элементы с указанным названием тега, например все абзацы или все ссылки
- Соседний комбинатор Знак + выбирает элемент, который стоит сразу после указанного и у которого с ним общий родитель.
- Список селекторов Запятая объединяет несколько селекторов в одно правило
- Универсальный селектор Звёздочка * выбирает любой элемент, какое бы у него ни было название