PostCSS文件在Sublime中全灰需装hazmi插件并绑定.pcss后缀；.css文件须加/ syntax: postcss /注释才能启用PostCSS语法，否则仍走原生CSS解析。
PostCSS 文件不识别语法，全是灰字怎么办
Sublime Text 默认完全不认识 .pcss 后缀，打开就是 Plain Text；即使你写了 @layer、@container 或 color-mix()，也不会高亮、不会补全、甚至会报错。这不是插件没装，是根本没绑定语法。
- 必须安装
PostCSS插件（推荐 hazmi 的版本，Package Control 里搜 “PostCSS” 即可） - 安装后，
.pcss文件会自动识别；但.css文件仍走原生 CSS 语法，除非你手动干预 - 若想让部分
.css文件也走 PostCSS 解析（比如用了@apply或自定义属性），需在文件顶部加注释：/<em> syntax: postcss </em>/ - 别用 “ApplySyntax” 类插件自动切换——它靠正则匹配，容易误判，尤其在混用 Tailwind 和原生 CSS 的项目里
为什么 @layer / :has() / container-type 高亮失效或报红
这是语法包版本和 Sublime 内置解析器的双重限制。原生 CSS 语法包压根不认这些，而旧版 PostCSS 插件只支持到 CSS Nesting Level 1，@layer 和容器查询会被当作文法错误。
- 确保你没同时启用 Sublime 自带的
CSS语法（菜单 → View → Syntax → CSS）——关掉它，否则和 PostCSS 插件冲突，导致伪类不着色、变量名变白 - 检查插件是否更新：hazmi 的 PostCSS 插件 2026 年 3 月已支持
@layer、@container、:has()和color-mix()，但需 Sublime Text 4145+ - 如果仍报错，右键 →
Set Syntax → PostCSS手动强制切换，再看状态栏是否显示 “PostCSS”，不是 “CSS”
PostCSS + Tailwind 混写时补全失效、颜色乱套
@apply、@theme、theme('colors.primary') 这类写法，在纯 PostCSS 语法下仍是“未知函数”，补全不出现，高亮全灰。
- 必须额外安装
Tailwind CSS IntelliSense插件（Package Control 可搜到） - 它不会覆盖 PostCSS 语法，而是叠加增强：在 PostCSS 解析基础上提供类名补全、颜色预览、
@apply参数提示 - 注意加载顺序：Tailwind 插件依赖项目根目录存在
tailwind.config.js；若配置在./src/tailwind.config.js，得在 Sublime 项目设置里加"tailwindcss": { "config": "./src/tailwind.config.js" } - 如果
.css文件里写了@apply flex却没补全，先确认该文件顶部有/<em> syntax: postcss </em>/，否则 Tailwind 插件根本不启动
保存时自动加前缀（Autoprefixer）总失败或不生效
Autoprefixer 不是语法功能，是构建步骤。Sublime 里所谓“配置”，本质是调用 Node CLI，任何一环断了就静默失败。
立即学习“前端免费学习笔记（深入）”；
- 全局安装必须用
npm install -g autoprefixer，不是--save-dev，否则 Sublime 找不到命令 - 快捷键
Ctrl+Alt+X无效？先检查是否被 Emmet 占用（Emmet 默认也绑这个组合键），可在Preferences → Package Settings → Emmet → Key Bindings里禁用 - 常见静默失败原因：项目没
browserslist配置，导致 Autoprefixer 按默认规则（> 0.5%）运行，结果现代属性一个前缀都不加；解决方式是在项目根目录加.browserslistrc，内容如：Chrome >= 90 - 最容易被忽略的一点：Autoprefixer 只处理已保存的文件，且要求当前文件语法为
PostCSS或CSS；如果状态栏显示 “Plain Text” 或 “SCSS”，它压根不跑
PostCSS 支持不是开个开关就行的事，它依赖语法识别、插件协同、Node 工具链三者对齐。少配一个环节，@layer 就是红色波浪线，@apply 就是灰色死文本，Autoprefixer 就是按了没反应——问题往往不在“怎么配”，而在“哪一层没对上”。
