CSS Specificity Calculator
Calculate CSS selector specificity and weight instantly.
0
ID
0
Class
0
Element
Compare Selectors
Frequently Asked Questions
What is CSS specificity?
CSS specificity determines which style rules take precedence when multiple rules apply to the same element. Higher specificity wins.
What does (a,b,c) mean?
a = inline styles, b = IDs, c = classes/attributes/pseudo-classes, d = elements/pseudo-elements. Compared left to right.
How do I use this calculator?
Enter a CSS selector (e.g. #nav .link:hover) and get its specificity score plus a comparison with other selectors.