DevToolBoxGRATIS
Blogg

CSS Specificitetskalkylator

Berakna CSS-selektor specificitetspoang.

Klicka for att prova:
h1 .title
(0,0,1,1)
0
Inline
0
IDs
1
Klasser/Attr/Pseudo
1
Element/Pseudo
#main .nav > a:hover
(0,1,2,1)
0
Inline
1
IDs
2
Klasser/Attr/Pseudo
1
Element/Pseudo

CSS Specificitetskalkylator

CSS-specificitet bestammer vilka stilregler som tillampas.

Vanliga Fragor

Vad ar CSS specificitet?
En vikt given till varje selektor.
Hur beraknad?
Som 4 varden.
Vad vinner?
Inline > ID > klass > element.
Nar !important?
Anvand sparsamt.
Universell selektor?
Nej, * har noll.
𝕏 Twitterin LinkedIn

Betygsätt detta verktyg

3.7 / 5 · 68 betyg

Håll dig uppdaterad

Få veckovisa dev-tips och nya verktyg.

Ingen spam. Avsluta när som helst.

Enjoy these free tools?

Buy Me a Coffee