CSS 选择器测试器

输入 HTML 代码�?CSS 选择器，实时查看匹配的元�?/p>

HTML 代码

预览与匹配结�?/label>

测试

示例选择器：

匹配结果 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` 鼠标悬停