csscomb配置未生效主因是配置文件未被正确加载或文件不匹配规则；需确保配置在根目录、显式指定路径、启用VS Code插件并匹配语言模式。
为什么 csscomb 调了配置却没生效
常见现象是改了 .csscomb.json 或 csscomb.yml，运行命令后样式顺序纹丝不动。核心原因通常是配置文件没被正确加载，或文件未匹配到规则。
-
csscomb默认只处理.css文件，.scss/.less需显式用--config指定配置，并确保配置里"processors"包含对应预处理器（如"scss"） - 配置文件必须放在项目根目录，或通过
-c <path></path>显式传入；放在子目录下不会自动向上查找 - 若用 VS Code 插件，确认插件设置里启用了
"csscomb.enable"，且未被 workspace 设置覆盖
如何让 csscomb 按 BEM 规范排属性顺序
BEM 不是内置规则，得靠自定义 order 数组实现。关键是把结构相关属性（display、position）放前面，视觉类（color、background）靠后，BEM 的修饰符/状态类（如 <block>--mod</block>）不参与排序，靠命名约定保证可读性。
- 在配置中设
"order": ["display", "position", "top", "right", "bottom", "left", "z-index", "flex", "justify-content", "align-items", "margin", "padding", "border", "width", "height", "font", "color", "background"] - 避免把
transform和transition放太前——它们实际影响渲染层，建议紧贴opacity或visibility后 - 若项目混用 CSS-in-JS（如
styled-components），csscomb无法处理模板字符串内的样式，别白费劲配它
csscomb 和 Prettier 的冲突怎么解
两者都改格式，但目标不同：csscomb 管声明顺序，prettier 管空格缩进换行。直接串联会互相覆盖，尤其 prettier 的 cssDeclarationSorter 插件会强行按字母序重排，跟 csscomb 对着干。
- 禁用
prettier的排序能力：在.prettierrc中加"cssDeclarationSorter": false（如果用了该插件） - 执行顺序必须是
csscomb→prettier，否则prettier的换行可能破坏csscomb的属性分组逻辑 - CI 中用
npx csscomb **/*.css && npx prettier --write "**/*.{css,scss}"，别合并成一条管道——csscomb不输出到 stdout
VS Code 里 csscomb 快捷键没反应的排查点
不是插件坏了，大概率是上下文没识别对。VS Code 的 CSS Comb 插件只在打开真实 .css 文件、且语言模式为 css 时才激活快捷键（默认 Ctrl+Shift+C）。
立即学习“前端免费学习笔记（深入）”；
- 检查右下角语言模式是否显示
CSS，而不是Plain Text或SCSS；.scss文件需装额外插件（如csscomb-scss）或改用 CLI - 快捷键被其他插件劫持：打开
Ctrl+Shift+P→ 输入Preferences: Open Keyboard Shortcuts (JSON)，搜csscomb看绑定是否被覆盖 - 工作区禁用了插件：检查
.vscode/settings.json里有没有"csscomb.enable": false或"extensions.ignoreRecommendations": true
真正麻烦的是嵌套深度超过 3 层的 SCSS，csscomb 对 @media 内嵌套规则的支持不稳定，容易漏排或错位——这种场景不如直接用 PostCSS 插件链，在构建时统一处理。
