Code styling inside `style` tag don't same for `lang="postcss"` and default `css`

Question

Code styling inside `style` tag don't same for `lang="postcss"` and default `css`

hrynevychroman opened this issue 9 months ago · 2 comments

CSS:

PostCSS:

Maybe this error don't relative to Volar, but maybe someone will help me with this)

Answer 1 · 2024-05-01T10:45:19.000Z

It parsed to postcss and I guess there's no extension to support that in your IDE yet. Maybe this will help: https://marketplace.visualstudio.com/items?itemName=cpylua.language-postcss

Before:

After:

Answer 2 · 2024-05-04T03:23:22.000Z

This is the expected behavior for CSS code blocks. It uses the built-in CSS syntax highlighting in VSCode. Since CSS itself does not support inline classes, you can see that .animation-title is not correctly colored.

For lang="postcss", since VSCode does not have built-in PostCSS syntax highlighting, it will use the syntax highlighting provided by the PostCSS extension you have installed. The actual behavior depends on the PostCSS extension you have installed.