DevToolBoxGRATIS

CSS Specificiteit Calculator

Bereken CSS selector specificiteit scores.

Klik om te proberen:

h1 .title

(0,0,1,1)

0

Inline

0

IDs

1

Klassen/Attrs/Pseudo

1

Elementen/Pseudo

#main .nav > a:hover

(0,1,2,1)

0

Inline

1

IDs

2

Klassen/Attrs/Pseudo

1

Elementen/Pseudo

CSS Specificiteit Calculator

CSS specificiteit bepaalt welke stijlregels worden toegepast.

Veelgestelde Vragen

Wat is CSS specificiteit?

CSS specificiteit is een gewicht gegeven aan elke selector.

Hoe berekend?

Als 4 waarden: inline, ID, klasse/attr/pseudo, element.

Wat wint?

Inline > ID > klasse/attr/pseudo > element.

Wanneer !important?

Spaarzaam gebruiken.

Universele selector?

Nee, * heeft nul specificiteit.

𝕏 Twitter in LinkedIn

Beoordeel deze tool

3.7 / 5 · 68 beoordelingen

More Tools

{ }CSS Minifier / Beautifier 🎨CSS Formatter

Recommended

Tailwind UIBeautiful UI components

Blijf op de hoogte

Ontvang wekelijkse dev-tips en nieuwe tools.

Geen spam. Altijd opzegbaar.

Enjoy these free tools?

☕Buy Me a Coffee