Sublime Text 4如何移除CSS声明中冒号后的自动空格？

算力阿峰

2026-8-16

如何移除Sublime Text 3中CSS声明里冒号后的自动空格？

我已经安装了Package Control和PackageResourceViewer，参考旧方案时发现新版的css_completions.py文件和旧版差异很大，找到第870行左右控制冒号后自动插入空格的代码：

if matches:
    colon, space, value, term = matches.groups()
    if colon:
        # don't append anything if the next character is a colon
        suffix = ""
    elif value:
        # only append colon if value already exists
        suffix = ":" if space else ": "
    elif term == ";":
        # ommit semicolon if rule is already terminated
        suffix = ": $0"

但修改这段代码后没有效果，请问还有其他方法可以移除CSS声明中的自动插入空格吗？

可行的解决方法：

使用格式化插件：安装如CSSFormat这类插件，进入插件设置界面，找到控制冒号后空格的选项并关闭，插件会自动处理CSS代码格式。
自定义用户设置：打开Preferences > Settings - User，添加针对CSS补全的配置（不同版本可能略有差异）：
```
"css_completions": {
    "insert_colon_space": false
}
```
保存后重启Sublime Text生效。
设置正则替换快捷键：打开Preferences > Key Bindings - User，添加以下配置，设置专属快捷键批量替换冒号后的空格：
```
{
    "keys": ["ctrl+shift+c"],
    "command": "replace",
    "args": {
        "pattern": ":\\s",
        "replace": ":",
        "scope": "source.css"
    }
}
```
在CSS文件中按下设定的快捷键，即可快速移除所有冒号后的空格。