使第n个孩子工作IE8和更低(Making nth-child work in IE8 and lo

我正在使用下面的代码：

.c-1:first-child, .c-2:first-child, .c-1:nth-child(4n+1) { margin-left: 0; }

这是伟大的工作，但我需要模仿这种对于不支持第n个孩子一样，IE8浏览器。

我曾经尝试这样做的jQuery代码中添加一个类，但没有任何反应，这是代码吗？

// Support nth child in IE8
$('.c-1:first-child').addClass('remove');
$('.c-2:first-child').addClass('remove');
$('.c-1:nth-child(4n+1)').addClass('remove');

Answer 1:

您可以使用jQuery的.eq(<index>)这一点。

例如：

$('.c-1').eq(0).addClass('remove');

Answer 2:

也许看看下面的文章：

http://abouthalf.com/2011/07/06/poor-mans-nth-child-selector-for-ie-7-and-8/

但是，所描述的解决方案只适用于IE7和8，在IE6它不会很遗憾

Answer 3:

还有的是，将填充工具在IE缺少的CSS功能库：

http://code.google.com/p/ie7-js/

使用IE9版本会给你访问的:nth-child()根据功能列表： http://ie7-js.googlecode.com/svn/test/index.html

Answer 4:

我建议使用http://selectivizr.com/

对于伪元素IE8。 我知道它的旧帖子，但也许some1会发现它有用:)

文章来源: Making nth-child work in IE8 and lower