ToolBoxy
💻

CSS Specificity Calculator

css · specificity · selector · calculator

#header .nav-item1,1,0(110)

Examples:

How to use

  1. 1

    Enter CSS selectors, one per line.

  2. 2

    See each selector's specificity (ID, class, element).

  3. 3

    Use the example buttons to compare.

FAQ

Is this tool free?

Yes — no sign-up, no installation, completely free to use right away.

What is this tool?

Calculate the specificity of any CSS selector instantly. You can use it for free with no sign-up or installation — just open the page and start right away.