DevToolBoxGRATIS

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.

𝕏 Twitter in LinkedIn

Betygsätt detta verktyg

3.7 / 5 · 68 betyg

More Tools

{ }CSS Minifier / Beautifier 🎨CSS Formatter

Recommended

Tailwind UIBeautiful UI components

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