Point out rules that style nothing
Tells you when a style rule does not match anything in your project any more.
When you would want it
A rule left behind by a deleted component is invisible, and stylesheets only ever grow.
Where to find it
- All Features → Point out rules that style nothing
- Settings → adcode.structure.unusedSelectors
How to use it, step by step
Off by default, deliberately.
- It compares names, so it cannot see a class built at runtime or one generated by a CSS module - on projects that use those it is wrong more often than right.
- Turn it on and the findings appear in the Problems panel.
Why this beats the usual way
Knowing what a style rule touches, or which classes nothing defines, normally needs a bespoke extension per framework - if it exists at all. ADCode reads HTML, JSX, Vue, Angular, and Handlebars templates natively and connects markup to styles both ways, with findings surfaced in the same Problems panel as everything else.
Find it in Universal Search
Point out rules that style nothing · Understanding a project