CSS Specificity Calculator

Calculate CSS selector specificity (a,b,c) and compare two selectors head to head.

Selector A:

Selector B (optional):

How to use

Type a selector to get its (a,b,c) breakdown, or enter two to compare. Everything runs in your browser.

What do the three numbers mean?

a = ID selectors, b = classes/attributes/pseudo-classes, c = elements/pseudo-elements. Higher wins.

Can I compare selectors?

Yes — enter two selectors to see which one wins a conflict.

☕

Every tool runs 100% in your browser — no uploads, no signups. If a tool saved you time, consider supporting us with a small donation.