Is My Input Uploaded?

No. Processing runs locally in this browser tab. These tools do not upload or persist your input.

Can I Save The Result?

Use Copy or Download after processing. Supported text reports also offer a PDF export. Keep original files until you have checked the result.

CSS Selector Specificity Calculator

Compare selector specificity with modern pseudo-class support and readable ID/class/type scores.

Source & Options

One selector per line

Import File

Result

Specificity is only one part of the cascade. Origin, importance, cascade layers, scope and source order also affect which declaration wins. Enter one selector per line, not a comma-separated selector list.

Loading Tool…

What Is the CSS Selector Specificity Calculator?

Compare selector specificity with modern pseudo-class support and readable ID/class/type scores.

How It Works

Enter one CSS selector per line and calculate. Read each score left to right: IDs, then classes/attributes/pseudo-classes, then types/pseudo-elements.

When to Use It

Debugging selector conflicts. Cascade layers, importance, origin, scope and source order also matter; specificity alone does not determine the winning style.

Frequently Asked Questions

Is My Input Uploaded?: No. Processing runs locally in this browser tab. These tools do not upload or persist your input.
Can I Save The Result?: Use Copy or Download after processing. Supported text reports also offer a PDF export. Keep original files until you have checked the result.

Found an issue? Send Feedback. See our data sources and update policy for tools that depend on changing information.