Skip to content

csstree/vscode-plugin

Repository files navigation

VSCode CSSTree Validator

Visual Studio Marketplace Version

An extension for Visual Studio Code that validates CSS according to W3C specifications and browser implementations.

This extension highlights incorrect at-rules, properties, and values in your CSS files. It utilizes the CSSTree capabilities to analyze CSS syntax and report any issues.

Note: If you encounter false positives or false negatives—such as unknown properties being flagged or invalid values not being detected—please report these issues on the CSSTree issue tracker.

Note: Currently, CSSTree does not support selector syntax matching. As a result, this extension does not validate selectors. Selector validation will be added once it becomes available in CSSTree (see issue #34).

Example

Extension Settings

  • csstree.enable: Enable or disable the CSSTree validator extension.

Troubleshooting

To prevent overlapping warnings with VSCode's default CSS linting, you can disable the built-in linter by adding the following setting to your configuration:

"css.validate": false

License

MIT