看了很多相关信息。
但是感觉没有最好的方法解决last-child 最后一个右边li:last-child a { border-right: 1px solid #0084c9; }的问题。
<ul class="main-menu">
<li><a href="#" id="current">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
li a{border-left: 1px solid #0084c9; display:block;}
li:last-child a { border-right: 1px solid #0084c9; }
请各位前段大神指点一下,感激不敬!
1> Introducing the js library that allows IE6-IE8 to have the features of IE9+, Chrome and other browsers
ieBetter.js
ie9.js
2> Give up last-child and add a separate class to the last li
Does any IE6/IE7/IE8 browser support js with CSS3 attributes