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

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

众所周知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浏览器中就会很好的显示了。
评论 --
  • 消灭零回复