DevToolBoxGRATIS
Blog

Calcolatore Specificita CSS

Calcola i punteggi di specificita dei selettori CSS.

Clicca per provare:
h1 .title
(0,0,1,1)
0
Inline
0
ID
1
Classi/Attr/Pseudo
1
Elementi/Pseudo
#main .nav > a:hover
(0,1,2,1)
0
Inline
1
ID
2
Classi/Attr/Pseudo
1
Elementi/Pseudo

Calcolatore Specificita CSS

La specificita CSS determina quali regole si applicano quando piu regole mirano allo stesso elemento.

Domande Frequenti

Cosa e la specificita CSS?
La specificita CSS e un peso dato a ogni selettore per determinare quali stili hanno la precedenza.
Come si calcola?
Come 4 valori: inline, ID, classe/attr/pseudo, elemento.
Cosa batte cosa?
Inline > ID > classe/attr/pseudo > elemento.
Quando usare !important?
Usarlo con parsimonia.
Il selettore universale influisce?
No, * ha specificita zero.
𝕏 Twitterin LinkedIn

Valuta questo strumento

3.7 / 5 · 68 valutazioni

Resta aggiornato

Ricevi consigli dev e nuovi strumenti ogni settimana.

Niente spam. Cancella quando vuoi.

Enjoy these free tools?

Buy Me a Coffee