CSS 选择器测试器

使用方法

1. 在第一个框中粘贴你的 HTML。
2. 输入 CSS 选择器(例如 li.item 或 a[href^="https"])。
3. 查看匹配数量和每个匹配元素;需要时可复制。

常见问题

支持哪些选择器?

浏览器通过 querySelectorAll 支持的任何选择器,包括组合器、属性选择器、:not()、:nth-child() 等。像 ::before 这样的伪元素与 DOM 中一样不匹配任何内容。

结果准确吗?

准确。HTML 会被解析为真实文档,并用浏览器原生选择器引擎查询,因此匹配结果与 querySelectorAll 在该标记上的返回完全一致。

如果选择器无效会怎样?

选择器输入框会高亮并显示错误消息,而不是返回有误导性的结果。

我的 HTML 会被发送到某处吗?

不会。解析和匹配完全在你的浏览器中进行,不会上传任何内容。

相关工具