必须安装Emmet和CSS3（aaronpowell或austinhappel版）插件，通过Package Control安装，将文件语法设为CSS3，配置auto_complete_triggers触发冒号补全，并在CSS3用户设置中启用"enable_experimental": true，才能支持gap、aspect-ratio、backdrop-filter等现代CSS属性的高亮与补全。
Sublime Text 原生不支持 gap、aspect-ratio、backdrop-filter 等现代 CSS 属性的语法高亮和补全，装错包或只装一半，基本等于没装。
必须装的两个包：Emmet + CSS3（aaronpowell 或 austinhappel 版）
别搜“CSS3 插件”这种模糊词——搜到的多数是停更、路径错、甚至带冲突语法定义的包。真正起效的是：
-
Emmet：提供缩写展开（如d:f→display: flex），不是补全器，但能极大减少手敲 -
CSS3（作者aaronpowell或austinhappel）：替换默认的CSS.sublime-syntax，让新属性不标红、支持基础片段（如tran+ Tab →transform） - 手动解压 zip 或 git clone 到
Packages/目录，90% 会因路径大小写或版本错失效；必须用Package Control: Install Package安装
右下角显示 “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 - 在用户设置里加一行：
"enable_experimental": true - 保存后，
backdrop-开头的属性才会出现在补全列表中 - 注意：开启后补全项变多，输入
pos:可能跳出position: sticky，但也可能混入未广泛支持的值（如relative下的inset），得自己判断兼容性
最常被忽略的其实是语法绑定这一步：右下角没切到 CSS3，前面所有操作都白做；而 enable_experimental 是唯一能让 backdrop-filter 进补全列表的开关，不打开它，就永远看不到这个属性。
