Show the elements a rule styles
Click a style rule and see the things on the page it actually affects.
When you would want it
It turns a class name nobody can trace into a list of elements you can click.
Where to find it
- All Features → Show the elements a rule styles
- Settings → adcode.structure.selectorToElements
How to use it, step by step
On by default.
- Open the Structure popup with a stylesheet in front of you.
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
Show the elements a rule styles · Understanding a project