CSS :is() pseudoklasse

Definitie en gebruik

CSS :is() Pseudoklassen worden gebruikt om dezelfde stijl toe te passen op alle elementen binnen de haakjes.

:is() Pseudoklassen vereisen een komma-gescheiden lijst van selectoren als hun parameter.

Tip:Bij het verwerken van HTML-fragmenten en titels::is() Pseudoklassen zijn zeer nuttig.

Zie hieronder voor een voorbeeld:

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

Is equivalent to:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  kleur: groen;
}

Voorbeeld

Gebruik rood tekstkleur voor de elementen p.intro, <ul> en <ol>:

:is(p.intro, ul, ol) {
  kleur: rood;
}

Probeer het zelf

CSS syntaxis

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

Technische details

Browserondersteuning

Tafelnummers specificeren de eerste browserversie die deze pseudoklasse volledig ondersteunt.