CSS/Selektoren/is

Der Begriff is ist mehrdeutig.

JavaScript/Objekte/Object/is

Der is-Selektor gruppiert mehrere (Pseudo-) Selektoren. Er war ursprünglich als matches() (bzw. any()) implementiert und wurde umbenannt. Die :is()-Pseudoklasse trifft zu, wenn einer der in ihr enthaltenen Selektoren zutrifft. Die Spezifität der Pseudoklasse ist die desjenigen enthaltenen Selektors, der die höchste Spezifität hat, selbst dann, wenn dieser Selektor gar nicht zutrifft.

Syntax	`:is`
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

a:is(:link, :visited) { 
  color: red; 
}

alle a-Verweise erhalten die Schriftfarbe rot

Beachten Sie:

Fehlerhafte Selektoren: Wenn Sie in einer normalen CSS Regel mehrere Selektoren durch Komma getrennt auflisten, und einer davon ist fehlerhaft, ist der gesamte Selektor fehlerhaft und die Regel wird ignoriert. Bei :is() ist es so, dass nur der fehlerhafte Teilselektor ausgeblendet wird und die übrigen weiterhin angewendet werden.
where() :is() the difference?
- :where() ignoriert Spezifität
- :is() beachtet und erhöht die Spezifität.^[1]. :is(#foo, .bar) hat die Spezifität eines ID-Selektors, auch dann, wenn der Selektor über ein Element mit der Klasse bar erfüllt wird.