必须安装emmet和css3（aaronpowell版）插件，通过package control安装并确保文件语法为css3、启用experimental属性、正确配置auto_complete_triggers触发冒号补全，才能支持gap、aspect-ratio、backdrop-filter等现代css属性的高亮与提示。
Sublime Text 4 原生不支持 gap、aspect-ratio、backdrop-filter 等现代 CSS 属性的语法高亮和补全，装错包或只装一半，基本等于没装。
必须装的两个包：Emmet + CSS3（aaronpowell 版）
别搜“CSS3 插件”这种模糊词——搜到的多数是过时、停更、甚至带冲突语法定义的包。真正起效的是：
-
Emmet：提供d:f→display: flex、bgc→background-color这类缩写展开，不是补全器，但能极大减少手敲 -
CSS3（作者aaronpowell）：替换默认CSS.sublime-syntax，让新属性不标红、支持基础片段（如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 这类实验性属性默认不进补全列表——不是 bug，是设计如此。
- 打开
Preferences → Package Settings → CSS3 → Settings - 在用户设置里加一行：
"enable_experimental": true - 保存后，输入
backdrop-就能触发补全
注意：enable_experimental 打开后补全项变多，但部分值（如 position: sticky 下的 inset）尚未广泛支持，得自己查 Can I Use；另外，这个开关只影响补全内容，不影响语法高亮或错误校验。
最容易被忽略的其实是作用域（scope）：Vue 单文件组件里的 <style></style> 块、SCSS 文件、甚至 style="" 内联样式，如果 Sublime 没识别成 source.css，再好的插件也白搭。验证方法很简单：光标放样式区 → Tools → Developer → Show Scope Name，看到输出里含 source.css 才算对路。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
