统一的 CSS 架构避免样式污染与维护困难。

核心概念

• BEM 命名规范为 Block、Element、Modifier。
• 结合 Utility Class 提升开发效率。
• 约定目录结构与构建策略。

实战步骤

• 创建样式指南并结合 lint 规则强制执行。
• 利用 PostCSS 自动化处理前缀与压缩。
• 在组件库中导出类型，辅助 IDE。

进阶建议

• 引入 CSS Modules 保证局部作用域。
• 使用 Stylelint 自定义规则。
• 通过设计 Token 驱动 BEM Modifier。