列表的边框折叠？

Question

是否存在边框折叠：列表的折叠替代方法，其中li显示为边框为1px实体的块。

Answer 1

您可以通过添加以下内容来删除除第一个列表项以外的所有内容的顶部边框：

li:not(:first-child) {
    border-top: 0;
}

http://jsfiddle.net/mblase75/3h8bm/

IE8和IE7不支持:not支持。 但是，它们支持:first-child ，因此解决方法很简单：

li {
    border: 1px solid blue;
    border-top: 0;
}
li:first-child {
    border-top: 1px solid blue;
}

http://jsfiddle.net/mblase75/3h8bm/4/

IE6不支持其中任何一个，因此如果您担心该浏览器，则必须直接向第一个元素添加自定义类（例如.first-child ）。