旧版IE浏览器的替代nth-child

Question

是否可以使用nth-child()针对较旧的IE浏览器定位元素？

Javascript（非jquery）也足够了。

编辑：鉴于无法将其他库添加到页面中。

Answer 1

它吸了一点，但你可以

ul > li {} /* first-child, overwritten by below */
ul > li + li {} /* second-child, overwritten by below, etc */
ul > li + li + li {}
ul > li + li + li + li {}

根据需要重复。

Answer 2

您可以使用jQuery的:nth-child()选择器;

$("li:nth-child(even)") // target even li's
$("li:nth-child(odd)") // target odd li's
$("li:nth-child(5n)") // target the fifth li

Answer 3

有Selectivizr：http://selectivizr.com/

每个与它一起使用的javascript框架都支持

:nth-child，包括jQuery。

使用它的最大优点是它可以直接从您的CSS文件中读取，而不必编写额外的javascript（它不引人注目）。您可以正常使用高级选择器。

Answer 4

您可以使用IE9.js polyfill：http://ie7-js.googlecode.com/svn/test/index.html。