Псевдо класс CSS :is()

Определение и использование

CSS :is() Псевдо классы используются для применения одного и того же стиля ко всем элементам в скобках.

:is() Псевдо классы требуют списка селекторов, разделенных запятыми, в качестве своих параметров.

Совет:При обработке частей HTML и заголовков::is() Псевдо классы очень полезны.

Смотрите следующий пример:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  color: green;
}

Эквивалентно:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  color: green;
}

Пример

Применить красный текстовый цвет к элементам p.intro, <ul> и <ol>:

:is(p.intro, ul, ol) {
  color: red;
}

Попробуйте сами

CSSграмматика

:is(selector-list) {
  cssdeclarations;
}

Технические детали

Поддержка браузеров

Таблица чисел указывает на первую версию браузера, которая полностью поддерживает этот псевдо класс.