What does 1-2-0 mean?

It means one ID selector, two class/attribute/pseudo-class selectors and zero element/pseudo-element selectors.

No. :where() is intentionally zero specificity in modern CSS, and this calculator follows that behavior.

/web local tool

CSS Specificity Calculator

Compare selectors line by line, including zero-specificity :where().

Local execution receiptinput path disclosedTool content stays out of MonoTools URLs and API requests.

Working input: Browser memory
Cross-tool handoff: Session only · 10 min
URL payload: Never
Export: Explicit action

Verify it: open DevTools Network, clear the log, use the tool, then inspect fetch/XHR requests. Page assets and optional aggregate analytics may use the network; tool input is not included.

Full privacy model

Loading tool...

How to use

01Paste one CSS selector per line.
02Read the specificity score in id-class-element format.
03Copy the ranked list for code review notes.

FAQ

What does 1-2-0 mean?: It means one ID selector, two class/attribute/pseudo-class selectors and zero element/pseudo-element selectors.
Does :where() count?: No. :where() is intentionally zero specificity in modern CSS, and this calculator follows that behavior.

How to use

FAQ

Related tools