Pseudoklasa :is() w CSS

Definicja i użycie

CSS :is() Pseudoklasy służą do zastosowania tych samych stylów do wszystkich elementów w nawiasach.

:is() Pseudoklasy wymagają listy selektorów oddzielonych przecinkami jako parametrów.

Wskazówka:Przy przetwarzaniu części HTML i nagłówków::is() Pseudoklasy są bardzo przydatne.

Zobacz poniższy przykład:

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

Równoważne do:

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;
}

Przykład

Zastosuj kolor tekstu na czerwono dla elementów p.intro, <ul> i <ol>:

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

Spróbuj sam

Gramatyka CSS

:is(lista selektorów) {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek

Tabela liczby określa pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoklasę.