CSS 选择器测试器 - 在线测试 CSS 选择器与 DOM 元素匹配
输入 HTML 代码片段与 CSS 选择器，实时高亮匹配目标元素，并统计匹配节点数量与层级关系。
此工具在浏览器中运行。
仅在当前浏览器中处理。
使用方法
- 01输入或上传源数据。
- 02在浏览器中运行工具。
- 03检查、复制或下载结果。
常见问题
支持哪些复杂的 CSS 选择器语法？
支持类选择器、属性选择器（如 [data-role="btn"]）、子代选择器（>）、相邻兄弟选择器（+）以及 :nth-child 等伪类选择器。
可以用来测试网页爬虫的 CSS 选取器规则吗？
非常适合。在编写 BeautifulSoup、Puppeteer 或 Playwright 爬虫时，可先在此测试选择器是否能够唯一精准命中目标元素。
测试过程中会上传我的 HTML 模板代码吗？
不会。所有选择器匹配均基于本地浏览器的 querySelectorAll 原生接口运行，纯本地沙箱执行，保护代码机密。