css3 - IE678兼容last-child的方法 请教

问题描述

看了很多相关信息。但是感觉没有最好的方法解决last-child 最后一个右边li:last-child a { border-right: 1px solid #0084c9; }的问题。

<ul class='main-menu'> <li><a href='https://www.haobala.com/wenda/6096.html#' id='current'>1</a></li> <li><a href='https://www.haobala.com/wenda/6096.html#'>2</a></li> <li><a href='https://www.haobala.com/wenda/6096.html#'>3</a></li> <li><a href='https://www.haobala.com/wenda/6096.html#'>4</a></li> <li><a href='https://www.haobala.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吗