SuperAPI AI 工具集

specificity-management

前端与建站

查看项目

更新于 10-16 09:56

技能介绍

用途:该技能用于审查 CSS 选择器特异性问题,目标是保持样式特异性低而扁平,避免样式覆盖不断升级。

主要能力:分析样式表中的 ID 选择器、过度嵌套选择器和不必要的 !important;将高特异性选择器扁平化为类选择器,减少嵌套深度,移除多余的 !important;可解释 CSS 特异性计分、高特异性为何带来维护问题,以及如何用类选择器和 BEM 保持扁平;可在代码审查中标记违反规则的具体选择器、声明或断点。

使用方式:在审查样式表、组件样式和响应式行为时应用该规则。参考要点包括:样式优先使用类选择器而非 ID 选择器;选择器嵌套不超过 3 层;除工具类覆盖等最后手段外不使用 !important;可用 :where() 以零特异性应用样式。完整实现细节、代码示例和框架相关指引见 references/rule.md,规则页面为 https://frontendchecklist.io/rules/css/specificity-management。

适用场景:前端项目 CSS 代码审查、组件样式维护、响应式状态检查。

限制:资料未提供具体框架示例、自动化检测配置或命令行用法。