css - 如何让 Internet Explorer 8 支持第 n 个 child() CSS 元素？

Question

我想给我的表格行添加斑马条纹效果。在所有其他浏览器中，它可以使用 CSS 第 n 个子元素来完成。但我也想用 IE 8 来做。那么我该怎么做呢？

Answer 1

使用 polyfill:Selectivizr足够好。

没有 polyfill:因为 IE8 支持 first-child，你可以欺骗它来支持 iE8 中的 nth-child，即

/*li:nth-child(2)*/
li:first-child + li {}/*Works for IE8*/

虽然我们不能模拟复杂的选择器，即 IE8 的 nth-child(2n+1) 或 nth-child(odd)。