Sublime Text 的 CSS3 语法高亮依赖 Package Control 安装的第三方插件（如 CSS3 或 Naomi），默认不支持 flex、grid、@supports 等特性；旧版 CSS3 插件已停止更新，对 aspect-ratio 等新属性支持弱，推荐改用活跃的 Naomi 插件；安装失败应重装 Package Control 3.x；@keyframes 内选择器无高亮是语法定义局限，非配置问题。
Sublime Text 里 CSS3 语法高亮靠的是 Package Control 装插件，不是手动放文件
Sublime Text 默认只识别基础 CSS，flex、grid、@supports、自定义属性（--my-var）这些 CSS3 特性不会高亮或报错提示——这不是 Sublime 的 bug，是它默认没加载现代 CSS 语法定义。
真正起作用的是第三方语法定义包，最常用且维护良好的是 Emmet 和 CSS3 插件（注意：不是同名的旧版 CSS 包）。装错包会导致语法切换失败或高亮错乱。
- 必须通过
Package Control: Install Package命令安装，别拖 .sublime-package 文件进 Packages 文件夹 - 安装后要手动把当前文件的语法切换成
CSS3（右下角点击 →Open all with current extension as...→ 选CSS3） - 如果已打开 .css 文件，切换语法后需重载文件（
Ctrl+R或关闭再打开），否则高亮不生效
为什么装了 CSS3 插件，gap、aspect-ratio 还是灰色？
这是插件版本滞后导致的：原生 CSS3 包（作者 arokor）已多年未更新，对 CSS Level 4+ 新属性支持极弱。比如 aspect-ratio、scroll-behavior、color-mix() 等，在最新稳定版中仍被当作文本处理。
- 临时解法：用
View → Syntax → Open all with current extension as → CSS (SugarSS)（不推荐，语法冲突多） - 实际可用方案：换用更活跃的
Naomi插件（支持 CSS-in-JS + CSS3/4 + 自定义属性 + LSP 集成） - 注意：
Naomi会覆盖默认 CSS 语法，安装后需重启 Sublime，且首次打开 CSS 文件可能稍慢（在构建语法树）
Package Control 安装失败或搜不到 CSS3 怎么办？
常见原因是 Package Control 源失效或本地缓存损坏，不是网络问题。直接重装 Package Control 成功率最高，比调代理或清缓存快得多。
立即学习“前端免费学习笔记（深入）”；
- 先删掉
Package Control.sublime-package文件（路径：Sublime Text/Packages/或Installed Packages/） - 打开 Sublime 控制台（
Ctrl+`），粘贴官方安装脚本（Python 3 版本），回车执行 - 重启后按
Ctrl+Shift+P输入Package Control: Install Package，等几秒再搜CSS3或Naomi - 如果仍搜不到，检查是否误装了
Package Control 2.x（仅兼容 Sublime Text 2），必须用 3.x+ 版本
高亮有了，但 @keyframes 里的选择器没颜色？
这是语法作用域（scope）划分问题：CSS3 插件把 @keyframes 内部当作纯文本处理，不解析嵌套规则。不是配置错误，是语法定义本身没覆盖这一层。
- 目前无完美修复，
Naomi对@keyframes支持稍好，但动画属性（如transform）仍不如编辑器原生 CSS 支持完整 - 不要试图改
CSS3.tmLanguage文件——Sublime 的语法高亮基于 plist 规则，手写易出错且升级后会被覆盖 - 真实开发中，这类视觉缺失不影响写代码，但如果你重度依赖颜色区分作用域，建议把关键动画抽到单独 .css 文件并加注释说明
