:is()
HTML / CSS 🟡 MidDefinition
Pseudo-classe fonctionnelle qui accepte une liste de sélecteurs et adopte la spécificité du sélecteur le plus spécifique de la liste. Simplifie les sélecteurs longs et répétitifs.
Analogie
Comme un raccourci postal : au lieu d'écrire 3 adresses séparées, on les groupe en une seule ligne.
Exemple de code
/* Avant : 3 règles répétitives */
article h1, article h2, article h3 { color: navy; }
/* Après : condensé avec :is() */
article :is(h1, h2, h3) { color: navy; }Cas d'usage
Factoriser des sélecteurs CSS répétitifs pour réduire la taille et améliorer la lisibilité.
Anti-pattern
Confondre :is() et :where() : :is() prend la spécificité max, :where() a toujours 0.