CSS Specificity Calculator
Compute the specificity value (a,b,c) of a CSS selector. Enter your values, click Calculate, and get the full result with its breakdown — everything is processed on your device, nothing is sent to a server.
All calculations run in your browser. Your data is never sent to our servers.
Example
Example Input
#nav .item a
Example Output
(1,1,1)
How to Use
- 1Fill in each input field with the values you want to compute.
- 2If there are choices (units, mode, operation), pick what you need.
- 3Click the Calculate button (or press Ctrl+Enter).
- 4The main result and its breakdown appear in the Result area. Click Copy to copy it.
About the CSS Specificity Calculator
The CSS Specificity Calculator computes a selector's specificity as three numbers (a,b,c): a = number of IDs, b = number of classes/attributes/pseudo-classes, c = number of elements/pseudo-elements. Specificity decides which CSS rule wins on conflict.
Useful for debugging why a CSS rule is not being applied.
FAQ
Is this CSS Specificity Calculator accurate?
Yes. It uses standard formulas and runs directly in your browser at full JavaScript precision (plus BigInt/decimal.js for large numbers where needed).
Is my data sent to a server?
No. All calculations happen entirely on your device. No values are sent to or stored on our servers.