nth-child怎么兼容IE8浏览器,办法有哪些

nth-child属性是大家在写网页时常用的属性,那么如果客户要求兼容到IE8,这就有问题了。

他的解决办法有好多种,下面介绍一下我用到的两种办法:

一种办法就是 在first-child()后面直接+li  就是这么写  li:first-child()+li 这就是选择了第二个li标签  依次类推,这样可以解决IE8兼容问题。

    .youshi-box li:first-child+li+li{margin-right:0px;}

还有一种办法就是用原始的jq选择器  用jq追加样式来实现兼容问题,

       <script>        
        $(function(){
        $('.XXX li:nth-child(5)').css('margin','0px')
        })
        </script>


在用jquery的同时,你要注意jquery库不能用2.0以上的  2.0以上IE8同样也是不兼容

关键词:
返回列表

相关文章

相关案例