Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Find Nested Class in CSS/LESSNew to Visual Studio Code? Get it now.
Find Nested Class in CSS/LESS

Find Nested Class in CSS/LESS

jeongyeonjae

|
1 install
| (0) | Free
Search .css/.less for a class (e.g., box-element) in both literal .box-element and LESS nested &-element forms. Includes Activity Bar view with preview.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Find Nested Class in CSS/LESS

Searches your workspace for a class (e.g. box-element) in:

  • Literal form: .box-element
  • LESS nested form: .box { &-element { ... } }

Usage

  1. Open the command palette: ⌘⇧P / Ctrl+Shift+P
  2. Run Find Class in CSS/LESS (Literal and LESS Nested)
  3. Enter a class (with or without the leading dot), e.g. box-element or .box-element.

You’ll get a list of matching files. Pick one to jump to the first match.

Notes

  • Scans **/*.css and **/*.less.
  • Excludes node_modules, .git, and typical build folders.
  • Nested matching uses a heuristic regex to catch common LESS patterns without a full parser
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft