About this utility
How to use CSS Specificity Calculator
Calculate common selector ID, class, attribute, pseudo-class, element, and pseudo-element weights.
What to provide
Enter selectors only, separated by commas.
- Paste, type, or drag and drop a supported text file into the input area.
- Review the input and the clearly labeled output behavior.
- Select “Run tool” or press Ctrl/Command + Enter, then copy, download, or move the result back into the first input for another pass.
What the result means
Produces a bounded, inspectable css specificity calculator result locally.
Privacy and safety
This utility is loaded as browser code and processes your input only in this tab. OmniCastConverter has no upload endpoint and never stores your content, filenames, tokens, or secrets. Generated markup and code are shown as inert text and are never executed.
Limitations
- :is(), :not(), :has(), nesting, and cascade layers require fuller parser context.
Try the included example
Select “Load example” at any time to restore this tested sample.
#app .card[data-active] > h2::before, nav a:hover