:where()

HTML / CSS 🟡 Mid

Definition

Identique à :is() en fonctionnalité mais avec une spécificité toujours à 0. Parfait pour les styles de base facilement surchargeables.

Analogie

Comme une suggestion écrite au crayon : facile à effacer et remplacer par quelque chose d'autre.

Exemple de code

/* Spécificité 0 : facile à surcharger */
:where(article, section, aside) h2 {
  font-size: 1.5rem;
}
/* N'importe quel sélecteur peut surcharger */
.custom h2 { font-size: 2rem; }

Cas d'usage

Définir des styles reset ou utilitaires de base qui doivent être facilement surchargeables.

Termes lies

#interview