html - Colgroup 标签在 IE8 中不工作

Question

我正在尝试创建一个数据表，我在其中几乎没有遇到样式问题。

1) 我正在尝试将交替行应用于未触发的 TR。

有没有办法在不将类传递给所有 TD 的情况下应用交替样式
在每个 TR..？

2) Colgroup 在 IE8 中工作，尤其是在对齐方面 (cols=A&SI 资本分配、Cap Var、A&SI 费用分配、Exp Var)

有没有办法解决这个问题

这是代码:http://jsfiddle.net/yvJ75/1/

Answer 1

您可以使用 CSS3 伪类 nth-child(odd) 和 nth-child(even)。

我在这里更新了代码:http://jsfiddle.net/yvJ75/12/

这些是 CSS 的变化

/*
.bg-oddrow {
    background-color:#fbfcfb !important;
}

.bg-evenrow {
    border-bottom:1px solid #dadada !important;
}*/
table tr:nth-child(odd) td{
    background-color:#fbfcfb !important;
}
table tr:nth-child(even) td{
    border-bottom:1px solid #dadada !important;
}