概述
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
很多人可能都碰到这样一个情况：
<style>
.test li{
float:left;
border-right:1px solid #ccc;
width:100px;
height:100px;
}
</stly>
<ul class="test">
<li></li>
<li></li>
<li></li>
</ul>登录后复制这样就会出现三条右边框，在实际运用中最后条边框是需要去掉的。
这里为大家介绍两种方法：
1、为最后个li添加个样式
.b-none{border:none}登录后复制2、用css伪类:last-child，来自动匹配最后个元素，并执行相应的样式.
.test li:last-child{border:none}登录后复制第二种伪类方法在IE下有兼容问题，如果不考虑兼容问题的话，到是个好选择。
推荐学习：css视频教程
以上就是css如何除去最后一个元素样式的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是强健小蝴蝶为你收集整理的css如何除去最后一个元素样式的全部内容，希望文章能够帮你解决css如何除去最后一个元素样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复