如何去除最后一个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; }