如何用css选择器选择某元素下的最后一个子元素?这里我们需要使用css3中的:last-child 选择器

 

实例

指定属于其父元素的最后一个子元素的 p 元素的背景色:

p:last-child{ 
   background:#ff0000;
}

或者

p:nth-last-child(1){
   background:#ff0000;
}

提示:p:last-child 等同于 p:nth-last-child(1)。

效果如下:

 

浏览器支持

所有主流浏览器均支持 :last-child 选择器,除了 IE8 及更早的版本。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐