定义和用法
本:nth-child( n )选择器选择是所有元素的nth孩子,无论哪种类型,它们的母公司。
提示:使用:nth-of-type()选择器选择的是所有元素n th其父儿童特定类型的 ,。
句法
:nth-child( n |even|odd| formula )
参数 | 描述 |
---|---|
n | 每个孩子的指数相匹配。 必须是一个数字。 第一元件具有索引号1。 |
even | 选择每个even子元素 |
odd | 选择每个odd子元素 |
formula | 指定哪个子元件(多个),以与式来选择( an + b ) 。 例如: p:nth-child(3n+2)选择每个3段,起于第二个孩子元素 |
试一试 - 示例
选择每个<p>元素这是所有的第二个孩子<div>元素
如何选择每个<p>元素这是所有的第二个孩子<div>元素。
使用公式(an + b)
如何使用一个公式( an + b )选择不同的子元素。
使用"even"和"odd"
如何使用奇数和偶数选择不同的子元素。
区别:nth-child() :第n-最后一子() , :nth-last-child() :第n-的类型()和:第n-的倒数型() :nth-of-type()
之间的差p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2)和p:nth-of-last-type(2)