問題描述

看了很多相關信息。但是感覺沒有最好的方法解決last-child 最后一個右邊li:last-child a { border-right: 1px solid #0084c9; }的問題。

<ul class='main-menu'> <li><a href='http://www.baoyu77737.com/wenda/6096.html#' id='current'>1</a></li> <li><a href='http://www.baoyu77737.com/wenda/6096.html#'>2</a></li> <li><a href='http://www.baoyu77737.com/wenda/6096.html#'>3</a></li> <li><a href='http://www.baoyu77737.com/wenda/6096.html#'>4</a></li> <li><a href='http://www.baoyu77737.com/wenda/6096.html#'>5</a></li></ul>li a{border-left: 1px solid #0084c9; display:block;}li:last-child a { border-right: 1px solid #0084c9; }

請各位前段大神指點一下，感激不敬！

問題解答

1> 引入讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性的js庫ieBetter.jsie9.js

2> 放棄last-child 給最后一個li添加單獨的class

有IE6/IE7/IE8瀏覽器支持CSS3屬性的js嗎