CSS Specificity Calculator
Compare selector strength, explain specificity scores, and catch cascade-heavy CSS before it becomes hard to override.
Score Format
A-B-C means ID selectors, class/attribute/pseudo-class selectors, then element/pseudo-element selectors.
Selector Lists
:is(), :not(), and :has() use their strongest argument. :where() adds zero specificity.
Selectors
0
Strongest Score
0-0-0
Highest Weight
0
Cascade Risk
Ready
Strongest Selector
Enter CSS selectors to compare specificity.
| Selector | Specificity | IDs | Classes | Elements | Note |
|---|
Ready.