CSS Specificity Calculator
Calculate CSS specificity as (a,b,c) with breakdown by selector
How to use the CSS Specificity Calculator
- Paste one selector or a comma-separated selector list.
- Read the score as
(a,b,c): IDs =a, classes/attributes/pseudo-classes =b, elements/pseudo-elements =c. - Use per-selector breakdown to debug cascade conflicts quickly.
FAQ
Does it support `:is()` and grouped selectors?
Yes, grouped selectors are analyzed individually and the highest score is shown as global score.