关键 CSS 选择器提取器
粘贴 CSS 和 HTML 片段,查找匹配其中元素的规则。它不测量实际视口中的可见区域。
CSS 和 HTML 仅在本地处理(各 100 KB)。这里只匹配选择器,不渲染页面或测量首屏可见性。
使用步骤
如何使用
- 粘贴 CSS 和要检查的 HTML 片段。
- 提取选择器能匹配片段元素的规则。
- 使用前人工查看输出,并与实际渲染页面对照。
仅匹配选择器
浏览器解析样式规则,并对提供的 HTML 片段测试支持的选择器。它无法判断元素是否真的位于首屏、是否受运行时 class 影响或是否被布局隐藏。
语法和限制
匹配到选择器的普通样式规则及嵌套 @media/@supports 块会保留。@import、keyframes、font-face 和不支持的规则会省略。静态片段无法满足某些伪状态选择器。请人工复核。
本地处理与上限
CSS 和 HTML 仅在浏览器本地处理,每项最多 100 KB。这不是完整的生产关键 CSS 结果。
常见问题
你可能还想知道
能找出首屏内容吗?
不能。这里只对提供的 HTML 匹配选择器,不渲染布局或计算视口可见性。
会保留所有 CSS 功能吗?
不会。重点处理样式规则和支持的 media/supports 块;请检查被省略的规则。