Developer

CSS Specificity Calculator

Calculate and rank the specificity of CSS selectors.

Developer

CSS Specificity Calculator

Local only
Everything stays in your browser

Your text is processed on your device — nothing is uploaded to a server.

How it works

Follows Selectors Level 4: :is/:not/:has take their most specific argument, :where counts as zero.

Good to know

Frequently asked questions

How do I use it?

Enter your selectors (one per line or comma-separated) and press “Calculate”. Check the result, then copy or download it.

How does it work?

Follows Selectors Level 4: :is/:not/:has take their most specific argument, :where counts as zero.

Is my data uploaded?

No. Everything is processed in your browser and nothing is sent to a server. No account is needed.