CSS Navigator 🎯
Navigate, edit, and add CSS properties instantly — no more scrolling through thousands of lines.
Features
🔍 Alt+S — Search & Edit Existing Property
- Press
Alt+S in any .css, .scss, or .less file
- Type or pick a selector (
.name, #id, div, etc.)
- See only properties already defined in that selector
- Pick a property → cursor jumps to its value, ready to edit
➕ Alt+A — Add New Property
- Press
Alt+A in a CSS file
- Type or pick a selector
- See existing properties + all 150+ CSS properties
- Pick one → inserted into selector with cursor ready to type value
- Selector not found? Option to auto-create it
Smart Features
| Feature |
Description |
| 🕐 History |
Last 5 used selectors shown at top |
| 🎨 Color Dots |
background-color: red shows 🔴 |
| 🏷️ Type Icons |
# for IDs, . for classes, <> for elements |
| 📍 Line Numbers |
Every property shows exact line number |
| 🔎 Fuzzy Search |
Type bgcol to find background-color |
| ✨ Auto-create |
Selector not found? Creates it for you |
Shortcuts
| Shortcut |
Action |
| Alt+S |
Search & edit existing properties |
| Alt+A |
Add or pick properties |
Supported Files
.css .scss .less
| |
