蓝叶

低版本IE下nth-child不兼容解决方法

众所周知nth-child是CSS3的属性，在支持CSS3的浏览器中是支持的，但在奇葩的IE浏览器低版本中却不支持，为了让IE低版本也支持这个CSS3的nth-child选择器，我们可以使用jquery的方法来实现，请看下方代码：

.list li:nth-child(4n){margin-right:0;}
这样直接写只有在支持CSS3的浏览器中才可正常显示。

$(document).ready(function(){
$(".list li:nth-child(4n)").css("margin-right","0");
});
用jquery这样写，在IE浏览器中就会很好的显示了。

评论一下 分享本文 赞助蓝叶

赞助蓝叶X

联系站长

• 版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《蓝叶》。
• 本文网址：https://lanye.org/web/677.html
• 上篇文章：分享简约蓝色免费个人网站后台模版
• 下篇文章：EMLOG网易音乐调用工具
• jquery css