Skip to main content

Calculateur de spécificité CSS

Calculez et comparez les scores de spécificité des sélecteurs CSS. Comprenez la priorité des styles pour améliorer votre architecture CSS.

🎯

Ajoutez des sélecteurs pour comparer leur spécificité

Comment lire la spécificité

En ligne
Style direct via l'attribut style
ID
Ciblage avec #id
Classes / Attributs / Pseudo-classes
Ciblage avec .class, [attr], :hover, etc.
Éléments / Pseudo-éléments
Ciblage avec div, p, ::before, etc.
Partager cet outil
📖

Comment utiliser

Step 1

Saisir les sélecteurs

Saisir les sélecteurs

Saisissez les sélecteurs CSS

Step 2

Calculer

Calculer

La spécificité est calculée automatiquement

Step 3

Voir les résultats

Voir les résultats

Vérifiez les valeurs de spécificité et la comparaison

Fonctionnalités

Calcul instantané

Calcul instantané de la spécificité lors de la saisie des sélecteurs

Comparaison de sélecteurs

Comparez la spécificité de plusieurs sélecteurs côte à côte

Affichage visuel

Affichage de la spécificité sous forme (a, b, c) et graphique à barres

FAQ

Un système déterminant la priorité des sélecteurs : ID > classe > sélecteurs d'éléments.