jQuery :nth-child() 选择器
定义和用法
：nth-child(n) 选择器选择所有作为其父元素的第 n 个子元素的元素，无论其类型如何。
提示：使用 :nth-of-type() 选择器来选择所有作为其父元素的第 n 个子元素的元素，特定类型。
语法
:nth-child(n|even|odd|公式)
| 参数 | 描述 |
|---|---|
| n | 要匹配的每个子元素的索引。 必须是数字。第一个元素的索引号为 1。 |
| even | 选择每个偶数子元素 |
| odd | 选择每个奇数子元素 |
| 公式 | 使用公式 (an + b) 指定要选择的子元素。 示例：p:nth-child(3n+2) 从第二个子元素开始选择每个第三个段落 |
亲自试一试 - 示例
选择每个所有 <div> 元素的第二个子元素的 <p> 元素
如何选择每个所有 <div> 元素的第二个子元素的 <p> 元素。
使用公式 (an + b)
如何使用公式 (an + b) 选择不同的子元素。
使用“even”和“odd”
如何使用 even 和 odd 选择不同的子元素。
:nth-child()、:nth-last-child()、:nth-of-type() 和 :nth-of-last-type() 之间的区别
p:nth-child(2)、p:nth-last-child(2)、p:nth-of-type(2) 和 p:nth-of-last-type(2) 之间的区别。
