Pseudo-classe :is() CSS

Définition et utilisation

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

:is() Une pseudo-classe nécessite une liste de sélecteurs séparés par des virgules en tant que paramètre.

Astuce :Lors du traitement des parties HTML et des titres,:is() Les pseudo-classes sont très utiles.

Voyons un exemple :

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

Équivaut à :

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

Exemple

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

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

Essayez-le vous-même

Grammaire CSS

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

Détails techniques

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette pseudo-classe.