css - 特定的 css 不会出现在 IE 8 之后

Question

我已经声明了一个样式

.tableStyle2 tr:nth-child(even) {
background-color: #C5F0FC;
}

在我的样式表中。但它不反射(reflect)在 IE 上，适用于 FF 和 chrome。当我尝试在 IE 中检查我的调试时，它也不存在，但存在于 chrome 和 FF 中。

对此的任何建议。

Answer 1

旧版本的 IE 不允许使用 CSS3 的 nth-child 选择器。解决方法是使用 jQuery 在第 n 个子级上定义一个类，然后相应地设置该类的样式。

jQuery

$('#element li:nth-child(2n)').addClass('even');

CSS

#element li.even {
    ...
}