how can i hide css synthax error from using nesting with postcss

Question

i'm using postcss since few days, my vs code is showing me errors because i use nested syntax from postcss plugins. How can i disable this type of error in vs code. Is stylelint a good way to fix my problem? Thank you for your anwers.

heres my stylelint.config.js `

module.exports = {
    extends: ["stylelint-config-standard"],
    rules: {
      "at-rule-no-unknown": [
        true,
        {
          ignoreAtRules: [
            "tailwind",
            "apply",
            "variants",
            "responsive",
            "screen",
          ],
        },
      ],
      "declaration-block-trailing-semicolon": null,
      "no-descending-specificity": null,
    },
  };

`

Answer 1

Just install the PostCSS VSCode extension . It adds language support for PostCSS, letting you use nested syntax and other features. Don't use stylelint for this.