CSS Specificity Calculator
Understand how browsers calculate the weight of CSS selectors.
1
IDs
#id
2
Classes, Attrs, Pseudo-classes
.class, [attr], :hover
1
Elements, Pseudo-elements
div, p, ::before
Specificity Score
1,2,1
Understand how browsers calculate the weight of CSS selectors.