VS Code格式化CSS给!important加空格致WordPress样式失效，如何单独禁用？

先明确你用的是哪款格式化工具，VS Code自带的CSS语言服务和Prettier的配置方法不同，下面分情况说明：

使用VS Code内置CSS格式化 #

直接在VS Code的settings.json中添加一行配置，就能单独关闭!important前添加空格的规则，其余格式化逻辑不受影响：

"css.format.beforeBang": false

使用Prettier格式化 #

如果项目依赖Prettier，有两种配置方式：

1. 在项目根目录创建/修改.prettierrc.json文件，添加对应规则：

{
  "css.importantRule": "bang"
}

2. 或者直接在VS Code的全局settings.json中配置：

"prettier.css.importantRule": "bang"

"bang"选项会让!important紧贴属性值，不会自动插入空格；而默认的"bang-space"才会触发空格添加行为。

验证配置效果 #

修改完配置后，写一行带!important的代码（比如padding-bottom: 0px!important;）并保存，确认这行代码的空格未被修改，同时其他代码的缩进、换行等格式化规则仍正常生效即可。

内容的提问来源于stack exchange，提问作者blubberbo