postcss文件在sublime text中需手动设置语法模式：右键→set syntax→postcss，或首行顶格添加/ syntax: postcss /；旧插件不支持@container、:has()等新特性，须更新hazmi版插件并确保sublime≥4145；tailwind语义需额外安装tailwind css intellisense插件。
PostCSS 文件在 Sublime Text 里全灰、@layer 报红、:has() 不高亮，不是插件没装，是语法绑定和解析器没对上——必须手动指定语法模式，且依赖插件版本与 Sublime 内核协同。
PostCSS 文件（.pcss）为什么还是 Plain Text？
Sublime 默认根本不识别 .pcss 后缀，装了插件也不自动绑定。这不是 Bug，是设计逻辑：插件只提供语法定义，不强制接管文件类型。
- 确认是否安装了
hazmi版 PostCSS 插件（Package Control 搜 “PostCSS”，别选过时的 fork） - 重启 Sublime 后，打开任意
.pcss文件，右键 → Set Syntax → PostCSS；或按Ctrl+Shift+P输入Set Syntax: PostCSS - 检查右下角状态栏是否显示
PostCSS（不是CSS或Plain Text） - 若菜单里没有
PostCSS选项，说明插件未加载：进入Preferences → Package Settings看是否有PostCSS条目，没有就重装
.css 文件想用 PostCSS 解析，但加了注释也不生效？
/ syntax: postcss / 注释必须放在文件**第一行最开头**，前面不能有空行、BOM 或空格，否则 Sublime 直接忽略。
- 正确写法：
/ syntax: postcss /（顶格，前后无空格，斜杠间无空格） - 错误写法：
// syntax: postcss（多了空格和额外字符）、\n/ syntax: postcss /（前面有换行） - 该注释仅对当前文件生效，不会影响同目录其他
.css文件 - 别用
ApplySyntax类插件自动匹配——它靠正则扫描全文，容易把@apply当普通文本误判，反而覆盖你手动设的语法
为什么 @container、color-mix() 还是灰的或报错？
这是语法包能力边界问题：旧版 PostCSS 插件只支持到 CSS Nesting Level 1，而容器查询、:has()、color-mix() 是较新特性，需插件和 Sublime 双重支持。
- 确保 Sublime Text 版本 ≥
4145（2026 年 3 月起才稳定支持现代 CSS 语法树） - 更新 hazmi 的 PostCSS 插件至最新版（2026 年 4 月后发布）
- 关闭 Sublime 自带的
CSS语法：菜单 →View → Syntax → CSS切成别的再切回来，避免残留冲突 - 如果仍报红，右键 →
Set Syntax → PostCSS强制切换一次，再看状态栏和高亮是否同步更新
PostCSS + Tailwind 混写时补全失效、变量名变白？
PostCSS 语法包只管语法结构（如 @layer、嵌套），不管框架语义（如 @apply、theme('colors.blue.500')）。这些属于 Tailwind 特有 DSL，原生不识别。
-
@apply、@screen、theme()在 PostCSS 模式下始终是“未知函数”，不会补全、不会跳转、颜色可能异常 - 要获得完整 Tailwind 支持，得额外装
Tailwind CSS IntelliSense插件，并确认它启用了postcss语法钩子 - Vue 单文件中
<style lang="postcss"></style>同样不被支持；目前只有<style lang="css"></style>加顶部注释或独立.pcss文件能走 PostCSS 解析
最易被忽略的一点：Sublime 的语法解析是“单文件粒度”的，没有项目级语言服务概念。哪怕你整个项目都用 PostCSS，每个文件也得单独确认状态栏显示的是 PostCSS，而不是靠后缀或配置自动推断。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
