:nth-last-child()

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

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

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

测试

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

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

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

:nth-last-child()《 CSS:选择器 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点