17年专业上海网页设计公司—上海彭塔网络技术有限公司

手机端 网站地图
当前位置:首页 > 建站常识 > 列表

CSS3里的last-child去除最后一个元素属性

点击:时间:2017/7/29关键词:上海网站开发 网页设计公司 网站开发价格
巧用CSS3里的last-child去除最后一个元素属性上海网页设计我们在写网站前台界面的时候,经常会写一些边框了,颜色了等等,很多人都遇到过想去除最后一个元素的样式属性,上海网页设计 021jz.com.cn 跟大家分享:巧用CSS3里的last-chil
CSS3里的last-child去除最后一个元素属性

巧用CSS3里的last-child去除最后一个元素属性

上海网页设计我们在写网站前台界面的时候,经常会写一些边框了,颜色了等等,很多人都遇到过想去除最后一个元素的样式属性,上海网页设计 021jz.com.cn 跟大家分享:巧用CSS3里的last-child去除最后一个元素属性。

这个样子会导致上图最后一个图片下面也出现一条下划线,跟边框底部的线条就重复了,就不美观了。这个时候我们怎么去除最后一个LI标签的下划线呢?

<div id="imglist">

<ul>

 <li></li>

 <li></li>

 <li></li>

</ul>

</div>

#imglist ul li{border-bottom:1px solid #dddddd;}

#imglist ul li:last-child{border:none}

这个样子直接就把最后一个元素LI的下划线去掉了。

预约建站
免费提供网站优化
领取关键词