如何用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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐