CSS样式li列表最后一条不加底边

Home / Article MrLee 2016-3-26 3596

博主虽然做移动开发5~6年,但是对前台还是很菜的。比如什么css样式呀,js什么的,简单是菜的不忍直视!还好有度娘这大才女帮我,这下一条代码就可以了php动态判断输出lis样式解决li列表最后一条纪录不要底边的问题。
说可能有点不直观,我们看图:

QQ截图20160326220840


看到了吧,评论除了最后一条都有底部有虚线,一般情况下,我们都是用php代码来实现最后一条纪录样式为
[css]border:none[/css]
虽然也不难,但是总感觉这不仅要添加2种样式还要在代码里面写,有没有更简单的方法呢?答案是:
先说下这个li有一个子项,li:last-child
[css]li:last-child{border:none}[/css]
这玩意儿就是说,你指定的li标签最后一条纪录的样式,然后把这条样式边框设置无就OK了!拓展一下,有last想必有first之类的,这个大家自己验证吧!不过这个也是有缺点的,IE老版本有可能是不支持这个属性的!不过现在基本上IE8估计都支持!

本文链接:https://www.it72.com/8578.htm

推荐阅读
最新回复 (0)
返回