本教程操作环境：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如何除去最后一个元素样式内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复