需安装hazmi版postcss插件并绑定.pcss后缀；.css文件须在首行添加/ syntax: postcss /注释启用postcss解析，且必须禁用sublime自带css语法以防冲突。

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婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

• 想让某个 .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 就永远是红色波浪线。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！