Your CSS
0 characters
Ctrl + Enter to analyze
Result
Nothing analyzed yet.
Paste a stylesheet on the left and press Analyze CSS — or start with the sample to see how conflicts are flagged.
Cascade Lens parses your CSS and reports specificity conflicts, duplicated rules and properties with limited browser support, so you can clean up a stylesheet with confidence.
Tip: Two rules with equal specificity are resolved by source order — the report flags these because they break silently when files are reordered.
Paste a stylesheet and this tool annotates it — specificity for every selector, rules that shadow each other, declarations that will not do what they appear to, and properties whose browser support is worth checking before you rely on them.
Specificity is the usual culprit when a rule "does not work". A selector with an id beats any number of classes, and inline styles beat both, so a change that looks correct can be silently overridden by something more specific further up the file. Sorting by specificity makes that visible.
Parsing happens entirely in your browser. Stylesheets from a client project or an internal application can be analysed without sending them anywhere.
Paste CSS. See what the browser actually keeps.
Nothing analyzed yet.
Paste a stylesheet on the left and press Analyze CSS — or start with the sample to see how conflicts are flagged.