Internet explorer 不同颜色的IE8奇偶行上的CSS3

我有Css代码区分奇偶行不同的颜色

.historyLog tr:nth-child(odd) td {
background-color:blue;
}
.historyLog tr.odd td{
    background-color: blue;
}
​
.historyLog tr:nth-child(even) td {
background-color:orange;
}
.historyLog tr.even td{
    background-color: orange;
}

并且有一个带有class.historyLog的表

<table class="historyLog">
<tr><td></td></tr>
<tr><td></td></tr>
</table>

IE8不执行它，我将得到所有行的相同颜色，无论是偶数还是奇数。但是如果我应用css而不使用表的class属性，即

tr:nth-child(odd) td {
background-color:blue;
}

然后IE8以不同的颜色在奇偶行中执行它。

---

请帮助我回答IE8如何使用table的class属性以不同的颜色显示奇数行和偶数行。

您不能，因为IE8不支持CSS3

:

$（'tr'）。每个（函数（）{
if（$（this）.index（）%2，因为IE8不支持CSS3选择器。您完全可以使用jQuery内置的：奇数或：偶数选择器来实现相同的功能

$(".historyLog tr:odd").css('background-color','blue');
$(".historyLog tr:even").css('background-color','white');

或者您可以使用css类文件代替

$(".historyLog tr:odd").addClass("odd");
$(".historyLog tr:even").addClass("even");

可能重复…哈哈是的。哦，天哪。早上好。我在css文件中创建了一个.odd类，并使用了您的Jquery代码，但它不起作用。请注意，Jquery的
：偶数
使用，但css的
：n子（偶数）
使用基于1的索引，这同样适用于
奇数
。
$(".historyLog tr:odd").css('background-color','blue');
$(".historyLog tr:even").css('background-color','white');

$(".historyLog tr:odd").addClass("odd");
$(".historyLog tr:even").addClass("even");