CSS Specificity Calculator
1
ID
2
Classes/Attr
1
Elements
121
Total
0
ID
2
Classes/Attr
1
Elements
21
Total
Vince il selettore
A
Specificità 1,2,1 vs 0,2,1
Domande Frequenti
Tutto quello che devi sapere sulla specificità CSS
Come si calcola la specificità CSS?
La specificità è calcolata come una tripla (a,b,c): "a" conta gli ID (#id), "b" conta classi (.class), attributi ([attr]) e pseudo-classi (:hover), "c" conta gli elementi (div, p) e pseudo-elementi (::before). Per confrontare, si legge da sinistra: 1,0,0 batte sempre 0,10,0.
Cosa batte cosa nella specificità CSS?
Lo stile inline (style="") ha specificità 1,0,0,0 e batte tutto. Poi vengono gli ID (0,1,0,0), poi classi/attributi/pseudo-classi (0,0,1,0), poi elementi/pseudo-elementi (0,0,0,1). Il selettore universale (*) ha specificità 0. !important sovrascrive tutto.
Perché la specificità è importante?
Quando più regole CSS si applicano allo stesso elemento, quella con specificità più alta vince. Capire la specificità evita sorprese di stile e riduce l'abuso di !important. Una buona architettura CSS mantiene la specificità bassa e prevedibile.
Comment est calculée la spécificité CSS ?
La spécificité est calculée comme un triplet (a,b,c) : "a" compte les ID (#id), "b" compte les classes (.class), attributs ([attr]) et pseudo-classes (:hover), "c" compte les éléments (div, p) et pseudo-éléments (::before). Pour comparer, on lit de gauche : 1,0,0 bat toujours 0,10,0.
Qu'est-ce qui domine quoi dans la spécificité CSS ?
Les styles inline (style="") ont une spécificité 1,0,0,0 et battent tout. Viennent ensuite les ID (0,1,0,0), puis les classes/attributs/pseudo-classes (0,0,1,0), puis les éléments/pseudo-éléments (0,0,0,1). Le sélecteur universel (*) a une spécificité 0. !important écrase tout.
Pourquoi la spécificité est-elle importante ?
Lorsque plusieurs règles CSS s'appliquent au même élément, celle avec la spécificité la plus élevée l'emporte. Comprendre la spécificité évite les surprises de style et réduit l'abus de !important. Une bonne architecture CSS maintient une spécificité faible et prévisible.
Mes données restent-elles privées ?
Oui, et pas parce que nous le promettons : cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez ou téléversez ne quitte jamais votre appareil, n'arrive donc sur aucun de nos serveurs, et il n'y a rien que nous puissions conserver, lire ou perdre. Vous pouvez le vérifier : ouvrez la page, coupez votre connexion, l'outil continue de fonctionner.
Enregistrez-vous ce que je saisis ?
Non. Il n'y a aucune base de données derrière cet outil : nous n'enregistrons ni vos fichiers, ni vos textes, ni vos résultats. Quand vous fermez l'onglet, il ne reste rien : ni chez nous, puisque rien n'est jamais arrivé, ni ailleurs.
Me profilez-vous ? Respectez-vous le RGPD ?
Nous ne vous profilons pas : aucun compte à créer, nous ne demandons jamais votre e-mail pour utiliser un outil, et nous ne gardons aucun profil de ce que vous faites. Nous sommes une société italienne et nous travaillons sous le RGPD et les autres règles européennes, avec la politique de confidentialité et la demande de consentement bien visibles. Une chose que nous disons en entier plutôt que de la cacher derrière un slogan : les publicités de la page sont celles de Google, et Google peut utiliser des cookies pour les personnaliser. Vous décidez depuis la bannière de consentement : si vous refusez, les publicités restent mais ne sont pas personnalisées, et l'outil fonctionne exactement pareil.
Si c'est gratuit, comment gagnez-vous de l'argent ?
Avec les publicités de la page, et rien d'autre. Nous ne vendons pas vos données, il n'y a pas d'offre payante cachée, pas de limite qui finit par réclamer votre carte, et aucune inscription. Les publicités payent les serveurs et le temps que nous passons à écrire les outils : c'est ce qui nous permet de les laisser ouverts à tous.