CSS Specificity Calculator

Calculate CSS selector specificity as ID, class/attribute/pseudo-class and element counts.

Need help with the calculation?
Specificity -
IDs -
Class group -
Ask AI about this article
The assistant can make mistakes. Check important calculations and decisions. By sending a message, you agree to the Terms of Use and acknowledge the Privacy Policy.

Enter the example value or paste your own input, choose the mode when one is available, and read the first result card for the direct answer. The output area gives a copyable block for code reviews, documentation, API tests, classwork or troubleshooting notes.

What the result means

The calculator counts common selector parts and returns the familiar a-b-c specificity tuple.

What is not included

It is a practical selector counter, not a complete CSS parser for every Level 4 edge case.

Privacy note

The calculation runs in your browser. Avoid pasting production secrets, credentials, private keys, customer data or regulated personal data unless your own policy allows browser-based tools.