CSS Specificity Calculator
Enter CSS selectors, calculate and visualize specificity. Compare multiple selectors side by side.
Specificity Reference
A
Inline styles
style="..."
B
ID selectors
#id
C
Classes, attrs, pseudo-classes
.class, [attr], :hover
D
Elements, pseudo-elements
div, ::before
More Developer Tools tools at toool.cc