CSS Debugger BETA

Specificity conflicts · Overrides · Unused selectors · Layout traps

Paste a URL, raw CSS, or HTML + CSS and get an instant debugging report: specificity conflicts, override chains, unused selectors, layout traps, and CSS weight analysis. Pinpoints what's competing, what's dead weight, and what will break your layout.

Fetches the HTML and all linked stylesheets automatically. External resources are followed up to 15 CSS files.
0 lines
Providing HTML enables unused selector detection.
What this checks
Specificity Conflicts
Multiple rules competing for the same property on overlapping selectors, with the winning rule identified.
Override Chains
Same property declared multiple times within the same selector — dead declarations that waste bytes.
Unused Selectors
Selectors that match no elements in the provided HTML — safe candidates for removal.
Layout Traps
Silent bugs: z-index on static elements, floats without clearfix, inline width, and deeply nested selectors.