CSS 选择器测试器
输入 HTML 代码?CSS 选择器,实时查看匹配的元?/p>
测试
示例选择器:
匹配结果
0 个匹?/span>
CSS 选择器参?/h3>
element
元素选择?
.class
类选择?
#id
ID选择?
*
通配选择?
A B
后代选择?
A > B
子选择?
A + B
相邻兄弟
A ~ B
通用兄弟
[attr]
属性存?
[attr=val]
属性等?
[attr^=val]
属性开?
[attr$=val]
属性结?
[attr*=val]
属性包?
:first-child
第一个子元素
:last-child
最后子元素
:nth-child(n)
第n个子元素
:not(sel)
否定选择?
:hover
鼠标悬停
element
元素选择?
.class
类选择?
#id
ID选择?
*
通配选择?
A B
后代选择?
A > B
子选择?
A + B
相邻兄弟
A ~ B
通用兄弟
[attr]
属性存?
[attr=val]
属性等?
[attr^=val]
属性开?
[attr$=val]
属性结?
[attr*=val]
属性包?
:first-child
第一个子元素
:last-child
最后子元素
:nth-child(n)
第n个子元素
:not(sel)
否定选择?
:hover
鼠标悬停