ToolJovia
Developer

CSS Selector Specificity Analyzer

Calculate selector specificity tuples, including supported functional selector rules.

✓ Browser-local processing

Loading tool…

How to use CSS Selector Specificity Analyzer

Calculate selector specificity tuples, including supported functional selector rules. A selector AST distinguishes IDs, classes/attributes and element selectors. :where contributes zero; :is/:not/:has use their most specific argument, and supported nth-child of-lists add their argument specificity.

  1. Provide css selector list.
  2. Choose the supported mode and run the tool. Review its assumptions and any reported errors.
  3. Copy the result or download a separate output; reset to clear the current form.

Good to know

  • Selector lists only,50,000 characters,200 selectors,30,000 nodes and100 levels. Unknown functional selector syntax is rejected.
  • Specificity does not decide a full cascade: origins, importance, layers, scope, source order and actual selector matches are not evaluated.
  • 10-second parser startup and2-second isolated computation limit.
  • Inputs are processed on this device and are not automatically saved or uploaded.

Common questions

Does the largest tuple always win?

Only among declarations competing at the same relevant cascade stage. This tool reports selector specificity alone, not a final browser style winner.

Does this change my original input?

No. The tool returns a separate result. Review that output before using it in another application.

Keep going with related tools

All developer →
Developer

CSS Formatter and Minifier

Format a CSS stylesheet or serialize its syntax tree with compact token spacing.

Developer

CSS Custom Property Resolver

Resolve var() references, fallbacks and cycles in an explicit custom-property map.

Colors

CSS Gradient Generator

Generate a two-color linear-gradient declaration with validated colors, angle, and stop positions.

Developer

Static Email CSS Inliner

Inline selected author CSS into a standards-mode HTML document with explicit cascade ordering, without rendering the supplied markup or fetching stylesheets.