CSS / JavaScript：使：nth-​​childn在IE中使用jQuery脚本工作？

如何解决CSS / JavaScript：使：nth-​​childn在IE中使用jQuery脚本工作？

| 我正在尝试让CSS伪：nth-​​child（n）函数在Internet Explorer中工作，但这不是一件容易的事。 我在jQuery中创建了一些JavaScript以在IE中完成工作，但似乎无法正常工作。我尝试过的示例包含未排序的列表（ul和li），但是我的CSS代码（在所有其他浏览器中都可以正常使用）如下所示：

#portfolio div:nth-child(4) { some styling }
#portfolio div:nth-child(3) { some styling }
#portfolio div:nth-child(2) { some styling }

我尝试通过将其附加到现有的script.js文件中来运行的javascript是：

$(\'div#portfolio div:nth-child(4)\').css({\' filter:\' : progid:DXImageTransform.Microsoft.Matrix(M11=0.99984770,M12=-0.01745241,M21=0.01745241,M22=0.99984770); ‘});

但这不起作用。我试图删除“ div＃portfolio”并重新输入，但我所做的任何事情都无法使其在IE中正常工作。 任何帮助，将不胜感激。 真诚 -梅斯蒂卡     

解决方法

那是您使用的确切代码，因为

nth-child

部分正常，所以，3ѭ调用的语法完全错误。 从第一个参数（

\'filter\'

）中删除空格和冒号，第二个参数必须为字符串。     ,这是我为较早的示例所做的样本小提琴，链接 我建议您也许使用jQuery向第n个子级添加一个类（我已经为\“ yellow \”类完成了此操作），然后将规则与其他规则一起添加至CSS，尽管请注意，规则不能与第n个子级原始选择器组合在一起，如果您将其用于过滤器，则可能不是重复问题；）     ,您可以尝试IE9.js：http://code.google.com/p/ie7-js/ 只要在页面中包含Javascript文件，第n个子CSS即可在IE中正常工作。     ,其他人已经提到了Dean Edwards的ie7 / ie8 / ie9.js，该文件试图将IE的全部损坏和缺失的功能重新安装。 您也可以尝试Selectivizr，它专注于向IE添加高级CSS选择器支持。它需要另一个库（例如JQuery）来处理选择器，但是既然您在问题中仍然指定了它，那么它应该非常适合您。