最新的Web开发教程
 

jQuery :nth-last-child() Selector

<jquery选择

选择每个<p>元素是它的父的第三个孩子,从最后一个孩子计数:

$("p:nth-last-child(3)")
试一试»

定义和用法

:nth-last-child( n )选择器选择的是所有元素n th孩子,无论哪种类型,他们的父母,从最后一个孩子计数。

提示:使用:nth-last-of-type()选择器选择的是所有元素n th孩子一个特定类型的 ,他们的父母,从最后一个孩子计数。


句法

:nth-last-child( n |even|odd| formula )

参数 描述
n 每个孩子的指数相匹配。

必须是一个数字。 第一元件具有索引号1。
even 选择每个even子元素
odd 选择每个odd子元素
formula 指定哪个子element(s) ,以与式来选择( an + b ) 。 例如: p:nth-last-child(3n+2)选择每个第三段开始,在最后第二个孩子

试一试 - 示例

选择每个<p>元素是一切的第一个孩子<div>元素,从最后一个子计数
如何选择<p>元素是一切的第一个孩子<div>元素,从最后一个孩子计数。

使用公式(an + b)
如何使用一个公式( an + b )选择不同的子元素,从最后一个孩子计数。

使用"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)


<jquery选择