CSS :where() Pseudo-Klasse

Definition und Verwendung

CSS :where() Pseudo-Klassen werden verwendet, um gleichzeitig denselben Stil für alle Elemente im Klammernpaar anzuwenden.

:where() Pseudo-Klassen benötigen eine durch Kommas getrennte Liste von Selectoren als Parameter.

:where() Pseudo-Klassen sind ähnlich wie :is() Pseudo-Klassen ähnlich sind, aber in der Specificität unterschiedlich sind::where() hat immer eine Specificität von 0, während :is() Die Specificität hängt von dem spezifischsten Selector in seinen Parametern ab.

Beispiel

Legen Sie die rote Textfarbe für die Elemente p.intro, <ul> und <ol> fest:

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

Versuchen Sie es selbst

CSS-Syntax

:where(Selektorliste) {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diesen Pseudo-Klassen vollständig unterstützt.