Skip to content
TextArray1.41.0
100% local

Unused CSS selector finder

Compare a stylesheet against a page of HTML and list the selectors that match nothing.

Input
HTML
Output
Related tools
CSS specificity calculatornewDeveloper tools
CSS minifierDeveloper tools
HTML accessibility checkernewDeveloper tools
i18n key diffDeveloper tools
TOML to JSON converterDeveloper tools
SQL to JSONDeveloper tools
Unused CSS selector finder
Paste a stylesheet on one side and the HTML it styles on the other, and this tool lists every selector that doesn't match a single element on the page. It's a quick way to spot dead rules left behind after a redesign, a removed component, or months of copy-pasted CSS — the kind of bloat that's tedious to hunt down by eye in a file with hundreds of rules.
"Ignore pseudo-classes and pseudo-elements" compares a rule like .button:hover as plain .button, since a static HTML snapshot can't show hover or focus state; leave it off and the tool checks the ones it safely can — first-child, last-child, nth-child and not — against each element's real position. "Ignore selectors matching" takes a regular expression, or a plain text fragment as a fallback, to exclude classes a script toggles at runtime, such as anything starting with js- or is-active, so they're never flagged as dead. "Show HTML classes/IDs with no CSS rule" flips the comparison around, useful for catching typos in class names. "Include selectors inside @media" checks media-query rules the same way as the rest of the sheet, or skips them when off. Switch the output to "Cleaned CSS" to get the stylesheet back with every unused rule stripped out.
The comparison runs against the HTML structure as written — markup injected by a script after page load isn't in the pasted snapshot, so double-check before deleting a rule. Selectors combined with commas are checked individually, so a rule covering two classes at once is only removed once both are confirmed unused.
Everything happens in your browser: the CSS and HTML you paste are never uploaded anywhere. Copy the result, download it as a .txt file, or send it straight back into the input to run another pass.
FAQ
Does it check selectors inside @media, @supports and @keyframes?
Selectors inside @media are checked like any other rule, with an option to skip them if you prefer. Other at-rules such as @font-face and @keyframes have no element selectors to compare, so they are left untouched.
Can it catch classes that JavaScript adds or removes?
No — matching is done against the HTML you paste, not a live, scripted page. Use the ignore-pattern option to exclude classes you know are toggled by JavaScript, such as is-open or js-active, so they aren’t reported as unused.
What happens to combinators like a child or sibling selector?
The tool follows the full selector chain — descendant, child, adjacent sibling and general sibling — against the structure of the pasted HTML, not just the final class name.
Why is a selector I know is used still listed as unused?
Most often the HTML that uses it wasn’t pasted in, or it’s added dynamically after the page loads. Paste the full rendered markup, or exclude the selector with the ignore-pattern option if it’s applied by a script.
Is my CSS or HTML uploaded anywhere?
No. The comparison runs entirely in your browser — neither the stylesheet nor the markup you paste ever leaves your device.