如何去除最后一个li元素的border-bottom?

Question

html结构： <ul>     <li>1</li>     <li>2</li>     <li>3</li></ul>css:li{  border-bottom:1px solid #ddd; }需求：不使用css3中的选择器，兼容ie8。

Answer 1

按题干意思，应该是这样：

li{  border-bottom:1px solid #ddd;
}li:last-child{  border-bottom:none;
}

不过根据实际需求，建议下面这种方式：

li + li{  border-top:1px solid #ddd;
}