Calculateur de Specificite CSS

Calculez les scores de specificite des selecteurs CSS.

Cliquer pour essayer:

h1 .title

(0,0,1,1)

Inline

IDs

Classes/Attrs/Pseudo

Elements/Pseudo-elements

#main .nav > a:hover

(0,1,2,1)

Inline

IDs

Classes/Attrs/Pseudo

Elements/Pseudo-elements

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.

Notez cet outil

3.7 / 5 · 68 avis

Recevez des astuces dev et les nouveaux outils chaque semaine.

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

Enjoy these free tools?