Термин

Группировка селекторов: одно правило CSS для нескольких целей

Группировка селекторов — запись нескольких CSS-селекторов через запятую перед общим блоком объявлений.

Что означает термин#

Правило применяется к элементам, соответствующим любому селектору списка. Запятая разделяет самостоятельные селекторы, а пробел внутри селектора обозначает отношение между элементами. Это разные конструкции. Группировка сокращает повторение одинаковых свойств, но не объединяет специфичность всех селекторов в одно большое значение.

Практический пример#

Запись h2, h3 { color: #222; } задаёт цвет двум уровням заголовков. Запись .article h2 выбирает только h2 внутри элемента с классом article. Если случайно убрать запятую, смысл правила изменится, хотя файл CSS продолжит загружаться без сетевой ошибки.

Как проверить#

В DevTools выберите по одному элементу каждой группы и посмотрите применённые правила. Учитывайте, что недопустимый селектор в обычном списке способен сделать недействительным всё правило; у некоторых функциональных псевдоклассов действуют другие правила обработки. Не проверяйте корректность CSS исключительно по HTTP-статусу файла: необходимо смотреть вычисленные стили.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор