必须安装 PostCSS Language Support 插件（作者 wbond），它能根据 postcss.config.js 等配置识别 @apply、@layer 等语法并实现语义高亮，其他同名插件不可替代。
PostCSS语法高亮插件必须装哪个
Sublime Text 原生不识别 @apply、@layer、@tailwind、theme() 这类 PostCSS 特有语法，也不会给 postcss-preset-env 或 autoprefixer 输出的前缀属性（如 -ms-flex）做差异化着色。唯一可靠方案是装 PostCSS Language Support 插件（作者：wbond），不是“PostCSS”或“PostCSS Syntax”等同名旧包。
这个插件能正确解析 .postcssrc 或 postcss.config.js 中的插件配置，并据此调整高亮逻辑——比如识别出你启用了 tailwindcss，就对 @apply flex-col 做语义着色；启用 postcss-custom-properties，就能高亮 --color-primary 并支持补全。
- 通过
Package Control: Install Package搜索并安装PostCSS Language Support - 安装后需重启 Sublime，否则语法定义不会加载
- 若搜索不到，先检查
Package Control是否为 3.x+ 版本（2026年所有稳定版都要求 3.4.1+）
如何让 .css 文件自动用 PostCSS 语法打开
默认情况下，.css 文件仍走原生 CSS 或 CSS3 语法，PostCSS 插件不会自动接管。必须手动绑定文件扩展名到 PostCSS 语法，否则 @apply 永远是灰色文本，@layer 会被标红为“未知规则”。
操作路径：右键编辑器标签 → “Set Syntax” → “PostCSS”。但这是单次生效。要永久生效，得改用户设置：
- 打开
Preferences → Settings – Syntax Specific - 粘贴以下内容（仅对当前文件类型生效）：
{ "syntax": "Packages/PostCSS Language Support/PostCSS.sublime-syntax" } - 保存后，所有新打开的
.css文件都会默认用 PostCSS 语法解析
注意：如果项目同时用原生 CSS 和 PostCSS，建议统一用 .pcss 扩展名，避免冲突。PostCSS 插件默认也监听 .pcss，无需额外配置。
为什么 @apply 或 theme() 还是没高亮
常见原因不是插件没装，而是 PostCSS 配置未被识别。该插件依赖项目根目录下的配置文件来判断启用哪些语法特性，如果找不到 postcss.config.js 或 .postcssrc，它会退化为最简模式，只高亮基础语法。
- 确认配置文件存在且导出有效对象，例如：
module.exports = { plugins: { 'postcss-preset-env': {}, 'tailwindcss': {} } } - 配置文件必须在 Sublime 当前打开的文件夹（即项目根目录）下，跨父目录无效
- 如果用的是
postcss.config.cjs（ESM 或 CommonJS 混用），插件可能无法读取——优先用.js或.json格式 - 修改配置后需关闭再重开文件，或按
Ctrl+R重载，插件不会热监听配置变更
和 CSS3 / Naomi 插件能共存吗
可以共存，但不能同时对同一文件启用。PostCSS 插件和 CSS3/Naomi 都注册了 .css 的语法定义，最终生效的是最后安装或最后手动切换的那个。
推荐组合方式：
- 纯 PostCSS 项目：用
PostCSS Language Support+ 关闭其他 CSS 类语法（尤其禁用CSS3包的 auto-switch） - 混合项目（部分文件走 PostCSS，部分走原生 CSS）：用
.pcss和.css双扩展名区分，分别绑定不同语法 - 若已装 Naomi：它内置 PostCSS 支持，但不如专用插件细粒度——比如不识别
@tailwind base的作用域，也不校验theme()参数合法性
真正容易被忽略的是：即使装了插件，只要没在项目里放配置文件，@apply 就只是普通文本，不会触发任何语义高亮或 LSP 补全。这不是 bug，是设计使然。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
