用途：这是一条前端检查清单中的 CSS 命名规范规则，用于指导在审查样式表、组件样式以及响应式行为时，保持一致的 CSS 命名约定，减少查找既有样式的时间并避免样式冲突。
主要能力：规则提出以 BEM（Block__Element--Modifier）作为主要命名方法，使类名含义明确，例如 .button--active 不会像 .active 那样含义模糊；建议用连字符小写（kebab-case）命名类，不建议使用 camelCase 或 snake_case；建议将工具类和 JS 钩子与组件样式分开做命名空间；提供检查、修复、解释与代码审查四类操作：审查 CSS 文件中的类名是否一致、是否遵循清晰约定、是否存在可能冲突的模糊命名；将类名重命名为 Block、Block__Element、Block--Modifier 模式；解释 BEM 命名约定及其意义，并演示如何应用到真实组件；在代码审查中标记违反规则的精确选择器、声明或断点。
使用方式：在评审样式表、组件样式与响应式状态时应用该规则；完整实现细节、代码示例与框架相关指引见 references/rule.md，规则页面为 https://frontendchecklist.io/en/rules/css/naming-conventions，技能页面为 https://www.skills.sh/thedaviddias/front-end-checklist/naming-conventions。
适用场景：样式表与组件样式代码审查、需要统一团队命名、排查类名歧义与样式冲突。
限制：该资料仅说明命名规范及检查思路，未提供具体的配置方式、自动化检测工具、支持框架清单或安装命令；相关实现细节需查阅上述引用文件与页面。