CSS :nth-last-child() 伪类

定义和用法

CSS :nth-last-child(n) 伪类用于匹配作为其父元素倒数第 n 个子元素的每个元素，无论其类型如何。

n 可以是一个数字/索引、一个关键字（odd 或 even）或一个公式（如 an + b）。

提示：查看 :nth-last-of-type() 伪类以选择作为其父元素中指定类型的倒数第 n 个子元素的元素。

实例

例子 1

为每个作为其父元素倒数第二个子元素的

元素指定背景颜色：

p:nth-last-child(2) {
  background-color: red;
}

స్వయంగా ప్రయత్నించండి

例子 2

odd 和 even 是关键字，可用于匹配索引为奇数或偶数的子元素。

在这里，我们为倒数索引为奇数和偶数的

元素指定不同的背景颜色：

p:nth-last-child(odd) {
  background-color: red;
}
p:nth-last-child(even) {
  background-color: blue;
}

స్వయంగా ప్రయత్నించండి

例子 3

使用公式（an + b）。描述：a 表示整数步长，n 是从 0 开始的所有非负整数，b 是整数偏移量。

在这里，我们为倒数索引是 3 的倍数的所有

元素指定背景颜色：

p:nth-last-child(3n+0) {
  background-color: red;
}

స్వయంగా ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలు

:nth-last-child(అంకె ఇలా లేదా | అయితే | సమస్త | an+b) {
  సిఎస్ఎస్ నిర్వచనాలు;
}

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పద్ధతిలోని సంఖ్యలు ఈ ప్రత్యార్థకం మొదటి బ్రౌజర్ వెర్షన్ ను పూర్తిగా మద్దతు ఇస్తాయి.