STATIC HTML / CSS AUDIT

未使用 CSS 选择器检查

把一份 HTML 与相关 CSS 放在一起检查。工具会列出没有命中当前文档的选择器，同时把 hover、focus、运行时类和伪元素单独标记，避免把“静态页面没出现”误当成“可以直接删除”。

HTML 文档

0 字符

CSS 样式

0 字符

等待审计

先载入示例看清状态差异，或粘贴同一页面的 HTML 与 CSS。结果不会自动改写样式文件。

输入 HTML 和 CSS 后运行审计；工具不会自动删除任何规则。

未命中不是删除指令

这个结果只对应当前 HTML。其他路由、弹窗、权限状态、CMS 内容、A/B 测试、Shadow DOM 和 JavaScript 动态类都可能继续使用同一条规则。

动态伪类单独处理

:hover、:focus、:checked 与伪元素在静态 DOM 中经常没有直接命中。工具会检查去掉状态后的基底，但把结论保留给人工，而不是把它们列为确定冗余。

为什么不直接输出 clean.css

可靠清理需要项目级路由覆盖、运行时采样和回归测试。页面级工具最有价值的输出是可解释的候选清单，真正删除应回到版本控制里逐批完成。

RELATED TOOLS

接着处理

查看全部工具 →
CSS 权重计算比较保留选择器的 A/B/C specificity。Selector / XPath 测试针对真实 HTML 深入检查单个选择器。CSS Token 提取审计自定义属性、作用域与缺失引用。CSS 压缩确认规则后再压缩生产样式。

USE & REVIEW

未使用 CSS 选择器检查常见问题

查看全部工具指南 →

HTML 和 CSS 源码会上传服务器吗？

不会。HTML 解析、CSSOM 读取、选择器匹配、搜索和 CSV 报告都在当前浏览器完成。工具不会请求 HTML 中的脚本、图片和样式资源，也不会执行粘贴的 JavaScript。

显示“未命中”的 CSS 可以直接删除吗？

不能直接据此删除。结果只代表当前输入的 HTML，不包含其他路由、登录状态、弹窗、CMS 内容、A/B 测试、Shadow DOM、iframe 或 JavaScript 后续添加的元素和类名。应把未命中项当作候选，再结合项目搜索、覆盖率和回归测试逐批处理。

hover、focus、checked 和 ::before 为什么标成“动态确认”？

这些状态在静态 DOM 中未必成立，伪元素也不是普通元素节点。工具会移除动态部分后检查选择器基底是否存在，但不会把基底不存在或当前状态未触发等同于确定冗余，避免常见误删。

运行时保留词应该填什么？

填写不带点号或井号的类名、ID，例如 is-open、modal-open、js-ready。它们通常由 JavaScript、模板、CMS、第三方组件或服务端条件动态加入。命中这些词的选择器会进入“动态确认”，但保留词不是越多越好，应来自真实代码和运行时观察。

工具会分析 @media、@supports 和 @layer 里面的选择器吗？

会递归读取浏览器 CSSOM 中的普通样式规则，并记录所在的媒体、支持查询或层上下文。它不会模拟每种视口和浏览器能力是否满足条件，因此即使当前条件未生效，选择器仍会按输入 HTML 做静态匹配并保留上下文供判断。

为什么不直接生成删除未使用规则后的 clean.css？

保留声明、注释、规则顺序、嵌套条件和选择器列表中的部分成员，需要可靠的源码 AST 与项目级覆盖。更重要的是，页面级静态样本无法证明规则在整个应用中都未使用。工具输出可解释的审计清单，让删除发生在版本控制和测试流程中。