:nth-last-child() 这个伪类跟 :nth-child() 的用法是一样的 … 它也可以根据子元素基于它的父元素的位置来选择元素 … 只不过它是倒着来的 … 如果使用参数 1 ，它会选择最后一个子元素 …

参数里也可以使用关键词 odd ，还有 even … 注意这个奇数和偶数都是倒数过来的 … 我们也可以使用表达式 …. an+b …

测试

下面我们选中封面列表里，最后一个，也就是倒数第一个列表项目里的图像元素 … 然后应用一个圆形的样式 …

li:nth-last-child(1) img {
border-radius: 50%;
}

选中倒数第二个 … 可以直接使用数字 2 …