div+css不显示最后一个li标签border两种方法

如题,想说的是如何才能让div+css不显示最后一个li标签border的方法,主要是网站导航菜单一般会为li定义一个border-right, 使得li标签在视觉上用小竖线隔开来,让用户具有良好的体验。但最后一个li后面再没有东西了,其border的存在显得有些多余。可以用CSS3和js将其去掉。

CSS3:

#cat-nav li:last-child{border:none;}

JS:

$(function(){$(“#cat-nav li:last”).css(“border”,”none”);})

这两个各缺点,CSS3部分浏览器不支持,而JS是能少用就少用的东西。。。

《div+css不显示最后一个li标签border两种方法》有1条评论

发表评论