CSS Nth 选择器测试器
在固定示例上测试受限的 CSS :nth-child 及相关公式并查看匹配位置。不执行任意 CSS。
试试 :nth-child(2n+1)、:nth-last-child(2)、:nth-of-type(3) 或 :nth-child(odd)。只解析 Nth 伪类。
输入 Nth 选择器以高亮匹配项。
1
div2
li3
div4
li5
div6
li7
div8
li示例留在浏览器中。选择器只按有界公式解析，不会作为 CSS 执行。
使用步骤
如何使用
- 输入支持的 Nth 公式。
- 在固定示例上测试。
- 查看高亮位置。
支持的公式
支持 :nth-child、:nth-last-child、:nth-of-type 和 :nth-last-of-type，可使用 odd、even、an+b 或单个整数。
安全的本地预览
只运行有界公式解析器；用户文本不会插入标记或作为 CSS 执行。
常见问题
你可能还想知道
支持哪些公式？
四种受支持的 Nth 伪类可使用 odd、even、an+b 或单个整数。
:nth-child(2n+1) 会选中什么？
它匹配固定示例中的奇数位置。
测试器会执行任意 CSS 吗？
不会。它只对固定示例解析受支持的公式语法。