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

element, element, element { свойства стиля }

Группирование селекторов списком, разделённым запятой, на одной строк.

h1, h2, h3, h4, h5, h6 { font-family: helvetica; }

Группирование селекторов списком, разделённым запятой, на нескольких строках.

#main,
.content,
article {
  font-size: 1.1em;
}

Недостатком использования списков селекторов является то, что они не являются эквивалентными:

h1 { font-family: sans-serif }
h2:maybe-unsupported { font-family: sans-serif }
h3 { font-family: sans-serif }

h1, h2:maybe-unsupported, h3 { font-family: sans-serif }

Это происходит потому, что один неподдерживаемый селектор в списке селекторов делает недействительным все правило.

Есть способ исправить это - нужно использовать селектор :is(), который просто игнорирует недопустимые селекторы в своих аргумента, но за счёт этого, все селекторы имеют одинаковую спецификацию, так как :is() вычисляет спецификацию.

h1 { font-family: sans-serif }
h2:maybe-unsupported { font-family: sans-serif }
h3 { font-family: sans-serif }

:is(h1, h2:maybe-unsupported, h3) { font-family: sans-serif }

• The :is() Экспериментальная возможность and :where() Экспериментальная возможность pseudo-classes, which don't have the legacy mistake that is selector list invalidation.