CSS Specificity Calculator
Compute CSS selector specificity to understand which rule wins. Useful for debugging styling conflicts.
Benefits
- Understand why a rule is overriding another
- Reduce overuse of !important
- Improve maintainability of CSS
Use cases
- Debug component library conflicts
- Compare selectors in legacy CSS
- Teach CSS selector scoring
Field guide
- Selector: paste a CSS selector string
- Compute: outputs the specificity score