La priorité de la mise en forme CSS dépend de la spécificité, un système qui détermine quelle règle de style prévaut en cas de conflits. La spécificité est calculée à l'aide d'une notation à quatre chiffres représentant les styles en ligne, les identifiants (ID), les classes et les éléments. Chaque identifiant contribue à un certain nombre de points, la spécificité la plus élevée l'emportant en cas de conflit de style. La notation utilise des virgules pour séparer les valeurs, ce qui empêche une simple addition numérique pour la comparaison. Ce système gère les situations avec de nombreuses classes, évitant ainsi toute ambiguïté dans l'interprétation. Les sélecteurs `:is()` et `:where()` offrent une syntaxe de sélecteur composé améliorée pour la mise en forme de plusieurs éléments. La spécificité de `:is()` est déterminée par l'élément le plus spécifique de la liste. `:where()` a toujours une spécificité de zéro, quel que soit son contenu, ce qui permet de manipuler la spécificité. Cette fonctionnalité offre une flexibilité dans le contrôle de l'application des styles. Comprendre la spécificité CSS améliore la prévisibilité du code et le contrôle des styles.
dev.to
Getting Specific About CSS Specificity
Create attached notes ...
