Селекторы CSS

Селекторы CSS — это шаблоны, используемые в правилах CSS для выбора определённых элементов и применения к ним стилей.

Например, чтобы задать стили для абзацев, используйте p селектор типа, чтобы выбрать все элементы <p> и применить к ним стиль:

/* Set font size on all <p> elements */
p {
  font-size: 12px;
  color: rebeccapurple;
}

Синтаксис

/* Select elements and apply styles */
selector {
  property: value;
}

Список селекторов

• Селектор вложенности &
• Селекторы атрибутов
• Селекторы классов
• Селекторы идентификаторов
• Селекторы ключевых кадров
• Разделитель пространств имён (|)
• Селекторы псевдоклассов
• Селекторы псевдоэлементов
• Список селекторов
• Селекторы типа
• Универсальные селекторы

Спецификации

См. таблицы спецификаций на страницах псевдоклассов и псевдоэлементов.

См. также

• Модуль «Селекторы CSS»
• Структура селекторов CSS
• Комбинаторы CSS
• Список селекторов
• Селекторы и комбинаторы
• Модуль «Псевдоэлементы CSS»
• Модуль «Вложенность CSS»
• Специфичность