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`

romanhrynevych opened this issue 4 months ago · comments

Roman Hrynevych commented 4 months ago

CSS:

PostCSS:

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

Ray Guo · Answer 1 · Wed May 01 2024 18:45:19 GMT+0800 (China Standard Time)

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:

Johnson Chu · Answer 2 · Sat May 04 2024 11:23:22 GMT+0800 (China Standard Time)

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.