DevToolBoxGRATUIT
Blog

Calculateur de Specificite CSS

Calculez les scores de specificite des selecteurs CSS.

Cliquer pour essayer:
h1 .title
(0,0,1,1)
0
Inline
0
IDs
1
Classes/Attrs/Pseudo
1
Elements/Pseudo-elements
#main .nav > a:hover
(0,1,2,1)
0
Inline
1
IDs
2
Classes/Attrs/Pseudo
1
Elements/Pseudo-elements

Calculateur de Specificite CSS

La specificite CSS determine quelles regles de style s'appliquent quand plusieurs regles ciblent le meme element.

Questions Frequemment Posees

Qu'est-ce que la specificite CSS?
La specificite CSS est un poids donne a chaque selecteur pour determiner quels styles ont la priorite.
Comment est calculee la specificite?
La specificite est calculee comme 4 valeurs: inline, ID, classe/attr/pseudo-classe, element.
Qu'est-ce qui bat quoi?
Inline > ID > class/attr/pseudo > element. !important remplace tout.
Quand utiliser !important?
Utilisez !important avec parcimonie. Il rend le CSS difficile a maintenir.
Le selecteur universel affecte-t-il la specificite?
Non, * a une specificite nulle.
𝕏 Twitterin LinkedIn

Notez cet outil

3.7 / 5 · 68 avis

Restez informé

Recevez des astuces dev et les nouveaux outils chaque semaine.

Pas de spam. Désabonnez-vous à tout moment.

Enjoy these free tools?

☕Buy Me a Coffee