CSS选择器在线测试工具

粘贴HTML源码，输入CSS选择表达式，实时预览匹配DOM元素，快速调试CSS选择规则

代码编辑与预览区域

HTML源码

DOM预览窗口

快速示例选择器：

元素匹配清单 0 个匹配

CSS选择器参考手册（顺序已打乱）

[attr$=val]属性结尾

:not(sel)否定选择器

A B后代选择器

:hover鼠标悬停

#idID选择器

A + B相邻兄弟

[attr^=val]属性开头

.class类选择器

:first-child第一个子元素

A > B子选择器

[attr*=val]属性包含

*通配选择器

:nth-child(n)第n个子元素

A ~ B通用兄弟

[attr=val]属性等于

[attr]属性存在

element元素选择器

:last-child最后子元素