代码、数据与二维码工具

关键 CSS 选择器提取器

粘贴 CSS 和 HTML 片段,查找匹配其中元素的规则。它不测量实际视口中的可见区域。

优先本地处理无需注册隐私说明 ↗

CSS 和 HTML 仅在本地处理(各 100 KB)。这里只匹配选择器,不渲染页面或测量首屏可见性。

使用步骤

如何使用

  1. 粘贴 CSS 和要检查的 HTML 片段。
  2. 提取选择器能匹配片段元素的规则。
  3. 使用前人工查看输出,并与实际渲染页面对照。

仅匹配选择器

浏览器解析样式规则,并对提供的 HTML 片段测试支持的选择器。它无法判断元素是否真的位于首屏、是否受运行时 class 影响或是否被布局隐藏。

语法和限制

匹配到选择器的普通样式规则及嵌套 @media/@supports 块会保留。@import、keyframes、font-face 和不支持的规则会省略。静态片段无法满足某些伪状态选择器。请人工复核。

本地处理与上限

CSS 和 HTML 仅在浏览器本地处理,每项最多 100 KB。这不是完整的生产关键 CSS 结果。

常见问题

你可能还想知道

能找出首屏内容吗?

不能。这里只对提供的 HTML 匹配选择器,不渲染布局或计算视口可见性。

会保留所有 CSS 功能吗?

不会。重点处理样式规则和支持的 media/supports 块;请检查被省略的规则。