Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>VS HTML to CSSNew to Visual Studio Code? Get it now.
VS HTML to CSS

VS HTML to CSS

Neptune Design

|
142,408 installs
| (4) | Free
Generate CSS classes from HTML structure
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS HTML to CSS

Generate CSS classes from HTML structure

Screenshot

Demo

Features

Generates CSS boilerplate based on the selected HTML

  • Only cares about classes, ignores id's/other possible selectors

Extension Settings

Open Preferences -> Settings

// Character(s) to be added after the classes CSS (including blank spaces)
"vs-html-to-css.append": " {\n}\n",
// Disable notification
"vs-html-to-css.disableNotification": false,
// Lists of classes CSS to ignore
"vs-html-to-css.ignore": ["container", "row"],

Keyboard shortcuts

{
  "key": "alt+x",
  "command": "vs-html-to-css.generate"
}

Release Notes

1.0.0

  • Update of security dependencies

0.0.2

  • Update of the README.md file

0.0.1

  • Initial release
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft