必须安装Emmet和CSS3（aaronpowell或austinhappel版）插件，手动切换语法为CSS3，配置auto_complete_triggers触发冒号补全，并启用"enable_experimental": true，才能支持gap、aspect-ratio、backdrop-filter等现代CSS属性的高亮与补全。
装错插件等于没装：CSS自动补全 ≠ CSS语法高亮
Sublime Text 原生不识别 gap、aspect-ratio、display: grid 这类现代 CSS 属性，装了 Emmet 或随便一个“CSS3 插件”也补不了——因为补全和高亮是两件事，且依赖严格匹配的语法定义。
- Emmet 只负责缩写展开（比如
d:f→display: flex），不提供属性/值补全 - 原生
CSS语法模式会把backdrop-filter标红，补全列表里压根没有它 - 真正起效的是
CSS3（作者 aaronpowell 或 austinhappel）插件，它替换了 Sublime 的语法定义文件，让新属性被识别为合法 token
别搜“CSS3 插件”这种词——Package Control 里同名包有十几个，90% 是停更、路径错、或和 ST4 不兼容的废包。只认准作者名和蓝色 CSS3 logo。
右下角必须显示 “CSS3”，否则补全全失效
插件装完不会自动切换已有文件的语法模式。哪怕你新建 style.css，右下角默认还是 CSS，grid-template-areas 照样灰底、fr 单位不识别。
- 新建文件后，点右下角 → 选
CSS3 - 已打开的
.css文件：执行View → Syntax → Open all with current extension as… → CSS3 - 用
.module.css或.pcss等非标后缀？在该文件的Preferences → Settings – Syntax Specific里加："syntax": "Packages/CSS3/CSS3.sublime-syntax" - 切完语法后建议按
Ctrl+R重载文件，否则高亮和补全可能延迟生效
补全不弹？检查 auto_complete_triggers 是否配了冒号
CSS3 插件只提供词典，不控制“什么时候弹”。输 dis 不会出 display，但输完 display: 后必须立刻弹值列表——前提是触发配置正确。
立即学习“前端免费学习笔记（深入）”；
- 打开
Preferences → Settings – User，加入：
{
"auto_complete_triggers": [
{
"selector": "source.css",
"characters": ":"
}
]
}
- 确保
CSS3用户设置里启用了"enable_experimental": true，否则container、view-transition-name等实验性属性不会进补全池 - 如果用了 Emmet，它默认会劫持
Tab，建议统一用Ctrl+E触发缩写，避免冲突
别指望它智能适配项目规范
这个补全不读 tailwind.config.js，不解析 PostCSS 插件，也不管你用的是 BEM 还是 CSS Modules。它只按语法定义吐词，所有规则都得手动告诉它。
-
sort_properties设为false才保留你写的顺序；设true会按 ASCII 排，z-index可能跑到width前面 - 想让
class="后补 Tailwind 类名？那是Tailwind CSS IntelliSense的事，和CSS3插件无关 - JSX 里的
className补全需要额外设语法为React JSX，CSS3对它完全无效
最常被忽略的一点：补全行为完全由配置文件驱动，不是“装完就懂项目”。哪怕你刚从 Vue 切过来，插件也不会自动适配 <style scoped> 里的规则——得一行行去关、去开、去试。
