Home » Developer » CSS Specificity Calculator

CSS Specificity Calculator

Paste a CSS selector and see its specificity score (a,b,c) — IDs, classes/attributes/pseudo-classes, and elements/pseudo-elements — so you can predict which rule wins.

\u2014Specificity (a,b,c)
\u2014Score
\u2014Breakdown

How to use

  1. Type a CSS selector.
  2. Click Calculate.
  3. Read the specificity score.

Related tools

💻

JSON Formatter & Validator

Format, beautify and validate JSON in one click.

💻

Base64 Encoder / Decoder

Encode and decode Base64 safely, including unicode text.

💻

URL Encoder / Decoder

Encode and decode URLs and query strings instantly.

💻

HTML Encoder / Decoder

Encode HTML entities and decode them back, instantly.