怎样让取消最后一个list的样式？

Question

想过用last-child但但兼容性有问题，所以放弃，大家有没有更简单的方法？

Answer 1

1. 既然都想到了last-child了，那就换一个思路。既然last-child有兼容性，但是first-child没有兼容性啊！所以，这里可以把a的background都换成left center，然后用first-child的background:none

2. .wrap-title设置margin-right: -1px;

个人建议用边框代替这种只有一条线的图片

Answer 2

margin负值隐藏掉应该可以。。

Answer 3

总共想了如下几个方法，自己挑着用

1，

.wrap_title li a:not(:first-child){
    background:url("line.png") no-repeat left center;
}

2，

.wrap_title li a:not(:last-child){
    background:url("line.png") no-repeat right center;
}

3，

.wrap_title li a{
    background:url("line.png") no-repeat right center;
}
.wrap_title li a:last-child{
    background:none;
}

4，

.wrap_title li a{
    background:url("line.png") no-repeat left center;
}
.wrap_title li a:first-child{
    background:none;
}

5，
给最后一个设置class，比如last-item

.last-item{
    background:none;
}

Answer 4

css选择器是一个很好の工具，但是不支持ie8如果你确定了菜单数量，你可以通过+这种相近选择器。支持ie8浏览器的~

Answer 5

对于这种类似边框的分割线，倒不如直接用border-right 来的方便。兼容性的问题不怎么严重。

Answer 6

我平时使用的是:last-of-type,但没有搞清楚它与:last-child哪个好