html - Colgroup 标签在 IE8 中不起作用

Question

我正在尝试创建一个数据表，在该表中我面临的样式问题很少。

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

有什么方法可以应用交替样式而不将类传递给
每个 TR 中的所有 TD ..？

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

有什么方法可以解决这个问题

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

Answer 1

有什么方法可以应用交替样式而不将类传递给每个 TR 中的所有 TD ..？

是的 - 您可以应用类，<tr class="even-row">并使用 css 选择器tr.even-row td将背景应用于<td>. 这种方法适用于所有浏览器。您甚至可以使用tr:nth-child(odd) and tr:nth-child(even)，但这是css3 伪类。

Colgroup 正在 IE8 中工作，尤其是对齐（cols=A&SI 资本分配、Cap Var、A&SI 费用分配、Exp Var）有没有办法解决这个问题

你的意思是它不工作？列只接受边框、背景、宽度和可见性 css 属性。Td 不会继承其他属性，因为它们不是 col 元素的直接后代（可以在此处找到了解一点）。最可靠的方法是在 td 上设置一个类并设置 td 内容的样式。

Answer 2

您可以使用 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;
}