閱讀(5.3k) 書簽贊(0) 我要糾錯(cuò)

jQuery :nth-last-of-type() 選擇器

2018-09-19 06:27 更新

實(shí)例

選取屬于其父元素的第三個(gè) <p> 元素的每個(gè) <p> 元素，從最后一個(gè)子元素開始計(jì)數(shù)：

$("p:nth-last-of-type(3)")

:nth-last-of-type(n) 選擇器選取屬于其父元素的特定類型的第 n 個(gè)子元素的所有元素，從最后一個(gè)子元素開始計(jì)數(shù)。

提示：請(qǐng)使用 :nth-last-child() 選擇器來選取屬于其父元素的不限類型的第 n 個(gè)子元素的所有元素，從最后一個(gè)子元素開始計(jì)數(shù)。

:nth-last-of-type(n|even|odd|formula)

參數(shù)	描述
n	要匹配的每個(gè)子元素的索引。必須是一個(gè)數(shù)字。第一個(gè)元素的索引號(hào)是 1。
even	選取每個(gè)偶數(shù)子元素。
odd	選取每個(gè)奇數(shù)子元素。
formula	規(guī)定哪個(gè)子元素需通過公式 (an + b) 來選取。實(shí)例：p:nth-last-child(3n+2) 選取每個(gè)第三段，從倒數(shù)第二段開始。

選取所有 <div> 元素的第一個(gè) <p> 元素的每個(gè) <p> 元素，從最后一個(gè)子元素開始計(jì)數(shù)
如何選取所有 <div> 元素的第一個(gè) <p> 元素的每個(gè) <p> 元素，從最后一個(gè)子元素開始計(jì)數(shù)。

使用公式 (an + b)
如何使用公式 (an + b) 來選取不同的 <p> 元素，從最后一個(gè)子元素開始計(jì)數(shù)。

使用"偶數(shù)"和"奇數(shù)"
如何使用偶數(shù)和奇數(shù)來選取不同的子元素，從最后一個(gè)子元素開始計(jì)數(shù)。

: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) 之間的不同。

以上內(nèi)容是否對(duì)您有幫助：

寫筆記

我要補(bǔ)充