Live CSS is a VS Code extension that lets you cycle through valid CSS values instantly using a quick-pick menu.
Perfect for fast prototyping — combine it with Live Preview extension to see changes in real time.
Features
Auto-detects CSS properties and shows valid keyword suggestions.
Replaces only the value (keeps the property intact).
Automatically ensures only one semicolon at the end.
Quick Pick value selector.
Keyboard shortcut: Ctrl + Shift + W.
Usage
Open a .css file.
Place your cursor over a CSS value, for example:
border-style: solid;
Click on solid and press Ctrl + Shift + W.
Start changing the CSS keyword values (like solid, flex, absolute, etc.) using the arrow keys.
