CSS :is() pseudo-klasser

Definition og brug

CSS :is() Pseudo-klasser bruges til at anvende samme stil til alle elementer inden for parenteserne.

:is() Pseudo-klasser kræver en komma-separeret selector-liste som parameter.

Tip:Når man håndterer HTML-delen og titlerne:is() Pseudo-klasser er meget nyttige.

Se nedenfor et eksempel:

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

Ligner:

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

Eksempel

Anvend rød tekstfarve på p.intro, <ul> og <ol>-elementer:

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

Prøv det selv

CSS syntaks

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

Tekniske detaljer

Browser understøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne pseudo-klasser.