CSS :is() pseudoklass

Definition och användning

CSS :is() Pseudoklasser används för att tillämpa samma stil på alla element inom parentesen.

:is() Pseudoklasser behöver en komma-separerad valelijst som parameter.

Tips:När du hanterar HTML-delar och rubriker::is() Pseudoklasser är mycket användbara.

Se följande exempel:

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

Ekvivalent till:

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

Exempel

Applicera röd textfärg på p.intro, <ul> och <ol>-elementen:

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

Prova själv

CSS-syntax

:is(selector-list) {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Tabellen med siffror anger den första webbläsarversion som helt stöder den här pseudoklassen.