<p>需安装hazmi版PostCSS插件并绑定.pcss后缀；.css文件须在首行添加/ syntax: postcss /注释启用PostCSS解析，且必须禁用Sublime自带CSS语法以防冲突。</p>
PostCSS 文件在 Sublime Text 里显示为纯灰文本、@layer 报红、:has() 不高亮——不是插件没装，是语法绑定没生效，或版本不匹配。
如何让 .pcss 文件一打开就高亮
Sublime 默认根本不认识 .pcss 后缀，安装插件只是第一步，关键得把后缀和语法关联上：
- 用 Package Control 安装
PostCSS（推荐 hazmi 版本，2026 年 3 月起已支持@container和color-mix()） - 安装完后，随便打开一个
.pcss文件，右下角点击当前语法名（如Plain Text），手动选PostCSS → PostCSS - 再点一次右下角，选
Open all with current extension as… → PostCSS，这样所有.pcss文件下次双击就自动走 PostCSS 语法 - 别依赖
ApplySyntax类插件自动切换——它靠正则匹配，容易在 Tailwind + 原生 CSS 混写时误判
为什么 .css 文件里写了 @apply 还是报错
.css 文件默认走 Sublime 内置的 CSS 语法，它压根不认 @apply、@layer 这些 PostCSS 规则。强行写进去只会被标红或忽略：
- 想让某个
.css文件也按 PostCSS 解析，必须在文件最顶部加注释：/* syntax: postcss */（注意是斜杠+星号，不是双斜杠） - 别在设置里全局把
.css强制绑定到 PostCSS 语法——这会让纯 CSS 项目失去原生校验（比如拼错backgroud不会提示） - 如果状态栏显示的是
CSS而不是PostCSS，说明注释没生效或位置不对（必须是第一行，前面不能有空行或 BOM）
PostCSS + Tailwind 混写时补全失效、颜色乱套
@apply、theme('colors.primary') 这类写法，在 PostCSS 语法下仍是“未知函数”，不会触发补全，变量名也可能变白：
立即学习“前端免费学习笔记（深入）”；
- 这不是插件问题，是 Sublime 的语法高亮机制限制：PostCSS 插件只负责解析结构，不内置 Tailwind 的语义理解
- 补全能力得靠额外插件，比如
Tailwind CSS IntelliSense（但该插件目前仅官方支持 VS Code） - 若坚持用 Sublime，可临时在
.css文件顶部加/* syntax: postcss */，再配合Emmet或Better Completion提供基础类名提示 - 颜色混乱常见于同时启用了 Sublime 自带
CSS语法和PostCSS插件——菜单 →View → Syntax → CSS必须关掉，否则冲突导致伪类、自定义属性着色异常
真正卡住人的地方，往往不是“装没装插件”，而是语法绑定是否彻底、/* syntax: postcss */ 注释是否在第一行、以及 Sublime 内置 CSS 语法有没有被意外启用——这三个点漏掉任何一个，@container 就永远是红色波浪线。
