CSS :nth-last-child() 伪类
下面还有更多“亲自尝试”示例。
定义和用法
:nth-last-child(n) 伪类匹配每个元素，该元素是其父元素的第 n 个子元素（无论类型如何），从最后一个子元素开始计数。
n 可以是数字/索引、关键字（奇数或偶数）或公式（如 an + b）。
提示：查看 :nth-last-of-type() 伪类以选择第 n 个子元素，指定类型的，其父元素的，从最后一个子元素开始计数。
| 版本 | CSS3 |
|---|
浏览器支持
表中的数字指定完全支持该伪类的第一个浏览器版本。
| 伪类 | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS 语法
更多示例
示例
奇数和偶数是可以用来匹配索引为奇数或偶数的子元素的关键字。
这里，我们为从最后一个子元素开始计数的奇数和偶数 p 元素指定了两种不同的背景颜色。
p:nth-last-child(odd) {
background-color: red;
}
p:nth-last-child(even) {
background-color: blue;
}
亲自尝试 »
示例
使用公式 (an + b)。描述：a 表示整数步长，n 是所有非负整数，从 0 开始，b 是整数偏移值。
这里，我们为索引为 3 的倍数的所有 p 元素指定背景颜色（从最后一个子元素开始计数）。
p:nth-last-child(3n+0) {
background-color: red;
}
亲自尝试 »
