> `:nth-last-child()` 是 CSS 选择器中的一个伪类,可以用来选择父元素中的倒数第 N 个子元素,并对其应用样式。 `:nth-last-child() `的语法如下: ```css :nth-last-child(an+b) ``` 其中,a 和 b 是两个整数,n 表示当前子元素在父元素中的索引(从 1 开始计数),an+b 是一个算式,用来确定要选择的子元素。 例如,如果要选择最后一个子元素,可以使用 `:nth-last-child(1)`,如果要选择倒数第二个子元素,可以使用` :nth-last-child(2)`,以此类推。 另外,:nth-last-child() 还支持一些关键字和特殊符号,如下: - even:选择所有偶数位置的子元素,等价于 2n - odd:选择所有奇数位置的子元素,等价于 2n+1 - n:选择所有子元素 - -n:选择所有子元素,从最后一个开始 - n+1:选择从第二个子元素开始的所有子元素 - -n+3:选择最后三个子元素 在使用 `:nth-last-child()` 时,需要注意以下几点: 1. 这个伪类只能应用于具有子元素的父元素,不能直接应用于单个元素上。 2. 父元素中的第一个子元素的索引是 1,而不是 0。 3. a 和 b 可以是负数,但是 n 只能是正整数或 0。 4. an+b 中的 a 和 b 可以省略。如果省略了 a,则默认为 1;如果省略了 b,则默认为 0。 以下是一些示例: ```css /* 选择最后一个子元素 */ :nth-last-child(1) {} /* 选择倒数第二个子元素 */ :nth-last-child(2) {} /* 选择所有偶数位置的子元素 */ :nth-last-child(even) {} /* 选择所有奇数位置的子元素 */ :nth-last-child(odd) {} /* 选择第二个子元素及其后面的所有子元素 */ :nth-last-child(n+2) {} /* 选择倒数前三个子元素 */ :nth-last-child(-n+3) {} ```