DevToolBoxGRATIS

CSS Spesifisitetskalkulator

Beregn CSS selector spesifisitetspoeng.

Klikk for a prøve:

h1 .title

(0,0,1,1)

0

Inline

0

IDs

1

Klasser/Attr/Pseudo

1

Elementer/Pseudo

#main .nav > a:hover

(0,1,2,1)

0

Inline

1

IDs

2

Klasser/Attr/Pseudo

1

Elementer/Pseudo

CSS Spesifisitetskalkulator

CSS-spesifisitet bestemmer hvilke stilregler som gjelder.

Vanlige Sporsmal

Hva er CSS spesifisitet?

En vekt gitt til hver selektor.

Hvordan beregnet?

Som 4 verdier.

Hva vinner?

Inline > ID > klasse > element.

Nar !important?

Bruk sparsomt.

Universell selektor?

Nei, * har null.

𝕏 Twitter in LinkedIn

Vurder dette verktøyet

3.7 / 5 · 68 vurderinger

More Tools

{ }CSS Minifier / Beautifier 🎨CSS Formatter

Recommended

Tailwind UIBeautiful UI components

Hold deg oppdatert

Få ukentlige dev-tips og nye verktøy.

Ingen spam. Avslutt når som helst.

Enjoy these free tools?

☕Buy Me a Coffee