CSS Specificity Calculator
Paste a CSS selector and see its specificity score (a, b, c, d) — the same comparison rule the browser uses.
100% in your browser. Files never uploaded.
nav#site .menu li.active a:hovera0b1c3d3total: 133
a = inline style · b = #id · c = .class / [attr] / :pseudo-class · d = element / ::pseudo-element. Higher tuple wins.
How to use
- 1Paste one or many selectorsNewlines or commas separate them.
- 2Read the score(a, b, c, d) tuple plus a flat total for quick comparison.