CSS/Selektoren/where()

Browserunterstützung
caniuse.com

Der where()-Selektor-Funktion nimmt eine Selektor-Liste als Argument und wählt jedes Element aus, das mit einem der Selektoren in dieser Liste ausgewählt werden kann.

Der Unterschied zwischen :where() und :is() besteht darin, dass :where() immer 0 Spezifität hat, während :is() die Spezifität des spezifischsten Selektors in seinen Argumenten annimmt.

Syntax

:where()

Beispiel

:where(ul[class]) {
  list-style: none;
}

.list {
  list-style: square; /* Now this works like a charm! */
}

alle ul, die eine Klasse erhalten, bekommen list-style-position none - nur die Klasse .list erhält ein Viereck als Aufzählungszeichen.

Siehe auch

• Selektoren in CSS
  • Logische Kombinatoren

Weblinks

• W3C: 4.4. The Specificity-adjustment Pseudo-class: :where() Selectors Level 4
• MDN: :where()
• css-tricks: Using the Specificity of :where() as a CSS Reset
• Browser-Support: caniuse.com