Pseudo-classe :where() CSS

Définition et utilisation

CSS :where() Les pseudo-classes sont utilisées pour appliquer le même style à tous les éléments entre parenthèses.

:where() Les pseudo-classes nécessitent une liste de sélecteurs séparée par des virgules en tant que paramètres.

:where() Les pseudo-classes et :is() les pseudo-classes sont similaires mais diffèrent en termes de spécificité ::where() a toujours une spécificité de 0, tandis que :is() La spécificité dépend du sélecteur le plus spécifique parmi ses paramètres.

Exemple

Appliquez la couleur de texte rouge aux éléments p.intro, <ul> et <ol> :

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

Essayez-le vous-même

Grammaire CSS

:where(selector-list) {
  déclarations css;
{}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe en pleine mesure.