Style and markup links
Click a style rule to see the things on the page it changes, or click something on the page to see the rules that style it.
When you would want it
A class name written in one file and used in another is the most common untraceable link in a codebase. This traces it, both ways.
Where to find it
- All Features → Style and markup links
- Open project map (command:view.projectMap)
How to use it, step by step
- Works in HTML, JSX className, and Vue, Angular, and Handlebars templates.
- It can also point out rules that style nothing, and class names nothing defines - both switchable, since on a large project either list can be long.
Why this beats the usual way
Terminal, run button, live preview, collaboration, and a command palette that indexes everything: the pieces that make an editor a workbench are built in rather than assembled from extensions, and each one degrades honestly - telling you what is missing instead of failing mysteriously.
Find it in Universal Search
Style and markup links · The workbench · html css · class name · selector links