FREE · DEVELOPER TOOLS
CSS Selector Specificity.
Calculate ID, class and type specificity for each selector.
How to use CSS Selector Specificity
Enter your input, adjust settings and generate locally. Review the output before use.
How it works
Calculate ID, class and type specificity for each selector. At most 100 selectors and 10,000 characters. Layers, origin, importance and source order also affect the cascade. Input remains in this browser page.
Example
Run the editable example to inspect the result.
Questions about CSS Selector Specificity
Is CSS Selector Specificity free, and do I need an account?
Yes. This tool is free to use in your browser without an account. Processing takes place on your device.
What are the limits and what should I check?
At most 100 selectors and 10,000 characters. Layers, origin, importance and source order also affect the cascade. Review the result before using it in your work.
Is my input sent to a server?
Your input is processed in your browser and is not uploaded by this tool. Files and pasted text are cleared when the page is refreshed. Normal website requests are still required to load the page and its libraries. Read the privacy explanation.