:first-child, :last-child

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

:first-child 可以选择父元素里的第一个子元素 … 它相当于 :nth-child(1) ….

:last-child 这个伪类可以选择父元素里的最后一个子元素 … 用 :nth-last-child() 表示的话,就是 :nth-last-child(1) … 表示在倒数第一位置上的元素 …

测试

下面我们可以去选择封面列表里第一个列表里的图像 ….

li:first-child img {
border-radius: 50%;
}

把 first 换成 last  … 可以选择最后一个列表里的图像元素 …

:first-child, :last-child《 CSS:选择器 》

统计

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

社会化网络

关于

微信订阅号

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