jQuery :nth-child() 选择器
定义和用法
`:nth-child(n)` 选择器根据其在父元素中的位置,选择所有是第 n 个子元素的元素(与元素类型无关)。
提示:使用 `:nth-of-type()` 选择器来选择是其父元素的第 n 个子元素并且属于特定类型的元素。
语法
:nth-child(n|even|odd|formula)
参数 | 描述 |
---|---|
n | 要匹配的每个子元素的索引。 必须是一个数字。第一个元素的索引号为 1。 |
even | 选择每个偶数子元素 |
odd | 选择每个奇数子元素 |
formula | 使用公式 (an + b) 指定要选择的子元素。 例如:p:nth-child(3n+2) 选择从第二个子元素开始的每第三个段落。 |
自行尝试 - 示例
选择所有 <div> 元素中第二个子元素的每一个 <p> 元素
如何选择所有 <div> 元素中第二个子元素的每一个 <p> 元素。
使用公式 (an + b)
如何使用公式 (an + b) 来选择不同的子元素。
使用 "even" 和 "odd"
如何使用 even 和 odd 来选择不同的子元素。
p:nth-child(), p:nth-last-child(), p:nth-of-type() 和 p:nth-of-last-type() 之间的区别
p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) 和 p:nth-of-last-type(2) 之间的区别。