Back to Free Tools

FREE TOOLS

CSS Selector Specificity Inspector

Compute supported CSS selector specificity tuples and rank them with stable ties.

Pasted text or explicit color fields

specificity.json

Browser only

Runs locally in your browser. Your files, pasted content and generated output are not uploaded. Reset clears this tool’s working data.

This tool needs JavaScript. If it does not load, refresh the page and try again.

How to use this tool

  • Enter the admitted values using the labeled input fields.
  • Choose the explicit operation and options, then inspect the stated conventions and limits.
  • Select Inspect specificity and download specificity.json.

Examples

#main .item has tuple (1, 1, 0), which outranks .item with tuple (0, 1, 0).

Limitations

  • 1,000 selectors; 2,000 units per selector; 100,000 total units / 400,000 bytes; 50,000 AST nodes; 20 levels and 5 MiB report. Unsupported syntax refuses atomically. Specificity alone does not establish a cascade winner or element match.

Related tools

No items found.

More tools for your workflow

Explore the related desktop tool