CSS 选择器之 :nth-last-child()

nth-last-child() 是 CSS 选择器中的一种，它能够选中最后的若干个子元素。这个选择器类似于 :nth-child()，不同之处在于它是从后往前计数选择元素。

语法

nth-last-child(an) 选择所有倒数第 an 个子元素，其中 an 是数字、关键词或公式。公式由 an，n 和关键词 odd、even、n 开头的算术表达式组成。

示例

下面是一些使用 nth-last-child() 的示例：

• 选择最后 3 个子元素：

li:nth-last-child(-n+3) {
  background-color: yellow;
}

• 选择倒数第偶数个子元素：

li:nth-last-child(even) {
  color: green;
}

• 选择倒数第 2n+1 个子元素：

li:nth-last-child(2n+1) {
  color: blue;
}

注意事项

• nth-last-child() 只能选择子元素，不能选择其他类型的元素。
• 值必须为正整数（1，2，3，...）或关键词（odd，even）。
• nth-last-child() 选择器不支持 IE8 及更早版本。