让IE7/8使用CSS中first-child和last-child样式属性

   1:  #tabnav li:last-child

   2:  {

   3:  border-right:none;

   4:  }

<li id="sub_nav_user" class="dcontent lastitem" ><a >D Contenta>li>

lastitem是我们为最后一个li标签添加的类。然后给lastitem添加border-right:none。以为大功告成，但是忘了项目还与权限有关。管理员可以看到以上A，B，C，D四个选项。但是普通用户只能看到A和B2个选项。这下问题出来了，我不能直接给B的border-right设置为none。后来想了一个方法就是给C选项设置border-left:1px solid #6655cc。但是样式需重调，这样显得有点麻烦。既然last-child是针对最后一个元素进行样式设定的，那么我们可以通过jQuery达到同样的效果。也不需要给最后一个li添加lastitem的样式了。代码如下：

$("#tabnav li:last").addClass("lastitem");

#tabnav .lastitem

{

border-right:none;

}