必须安装Emmet和CSS3（aaronpowell版）插件，手动切换语法为CSS3，配置auto_complete_triggers触发冒号补全，并在CSS3用户设置中启用"enable_experimental": true，才能支持gap、aspect-ratio、backdrop-filter等现代CSS属性的高亮与补全。
装完插件不生效，大概率不是插件没装对，而是语法模式没切到 CSS3、auto_complete_triggers 没配冒号、或 backdrop-filter 这类实验性属性没开 experimental 支持。
必须装的两个插件：Emmet + CSS3（aaronpowell 版）
别搜“CSS3 插件”这种模糊词——搜到的多数是停更、冲突、甚至把 CSS.sublime-syntax 覆盖错的包。真正起效的是：
-
Emmet：提供d:f→display: flex这类缩写展开，不是补全器，但能大幅减少手敲 -
CSS3（作者 aaronpowell）：替换默认CSS.sublime-syntax，让gap、aspect-ratio不标红，支持基础片段（如tran+ Tab →transition），但它本身不往补全列表塞新词条
安装方式统一用 Package Control：按 Ctrl+Shift+P → 输入 Package Control: Install Package → 分别搜 Emmet 和 CSS3，认准作者名和蓝色 CSS3 logo。手动解压 zip 或 git clone 到 Packages/ 目录，90% 会因路径大小写或版本错失效。
右下角显示 “CSS” 还是 “CSS3” 决定一切
装完插件不会自动切换已有文件的语法模式。如果右下角显示的是 CSS（不是 CSS3），那所有新属性照样标黄、补全也还是老的。
立即学习“前端免费学习笔记（深入）”；
- 新建
.css文件后，右下角点开 → 选CSS3 - 已有
.css文件仍显示CSS：执行View → Syntax → Open all with current extension as… → CSS3 - 用
.module.css、.pcss等非标准后缀？在Preferences → Settings – Syntax Specific里加："syntax": "Packages/CSS3/CSS3.sublime-syntax"（注意路径里是CSS3，不是CSS）
补全不弹？检查 auto_complete_triggers 是否配了冒号
CSS3 插件不改 Sublime 的补全触发逻辑。输 dis 不会出 display，但输 display: 后必须立刻弹值列表——前提是配置对了。
打开 Preferences → Settings – User，确保有这段：
{
"auto_complete": true,
"auto_complete_selector": "source.css -comment",
"auto_complete_triggers": [
{"selector": "source.css", "characters": ":"}
]
}
漏掉 auto_complete_triggers，或把 source.css 错写成 text.html.basic，都会导致 HTML 标签名混进 CSS 补全里，结果全是错的。
backdrop-filter 还是没提示？开启 experimental 支持
即使语法和补全都配好了，backdrop-filter、scroll-behavior 这类实验性属性默认不进补全列表，需要手动启用。
- 打开
Preferences → Package Settings → CSS3 → Settings – User - 添加：
"experimental": true - 重启 Sublime 或重新加载语法（
Ctrl+Shift+P→Reload Syntax）
补全弹窗出来了，但内容不准确或延迟高，往往不是插件问题，而是 auto_complete_selector 范围太宽、auto_complete_delay 设太高，或者项目里存在大量未关闭的括号/引号干扰 LSP 解析——这些细节比装什么插件更容易被忽略。
