CSS 选择器测试器
CSS 选择器测试器接收一段 HTML 与一条选择器，实时高亮被匹配到的元素并计数，帮你验证后代、子代、属性与伪类选择器是否精确命中目标，写复杂选择器时先测后用，避免选错或误伤其它节点。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 粘贴要匹配的 HTML 片段
- 输入 CSS 选择器表达式
- 查看高亮命中与节点数量
- 据此修正选择器写法
典型场景
写脚本前确认选择器能准确拿到节点
排查后代与子代选择器的差别
调试属性选择器匹配值是否写对
常见问题
支持哪些选择器？
覆盖类、ID、属性、伪类与结构伪类等常见语法。
能看未命中的原因吗？
命中为零会提示，便于你逐项排查写法差异。
和权重计算器不同在哪？
本页测匹配命中，权重器算优先级高低，用途不同。