← All toolsFree · Browser only · No sign-up
Tool

CSS specificity calculator.

Paste any CSS selector and see exactly what contributes to its specificity score — IDs, classes, pseudo-classes, elements. Supports multiple selectors sorted by specificity.

Specificity score
0
IDs
3
Classes
2
Elements
(0,3,2)
Total
Token breakdown
.navclass+(0,1,0)
ulelement+(0,0,1)
.activeclass+(0,1,0)
:hoverpseudo-class+(0,1,0)
lielement+(0,0,1)