css3 - IE678兼容last-child的方法 请教
ringa_lee
ringa_lee 2017-04-17 11:14:52
0
2
602

看了很多相关信息。
但是感觉没有最好的方法解决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; }

请各位前段大神指点一下,感激不敬!

ringa_lee
ringa_lee

ringa_lee

모든 응답(2)
小葫芦

1> 引入让IE6-IE8拥有IE9+,Chrome等浏览器特性的js库
ieBetter.js
ie9.js

2> 放弃last-child 给最后一个li添加单独的class

阿神

有IE6/IE7/IE8浏览器支持CSS3属性的js吗

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!