最新的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選擇