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;
}

Answer 2

有没有办法在不通过的情况下应用交替样式
每个 TR 中的所有 TD 的类..？

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

Colgroup 正在 IE8 中工作，特别是对齐（cols=A&SI
资本分配、Cap Var、A&SI 费用分配、Exp Var)
有什么办法可以解决这个问题

你的意思是它不起作用吗？列仅接受边框、背景、宽度和可见性 CSS 属性。 Td 不会继承其他属性，因为它们不是 col 元素的直接后代（可以在 此处）。最可靠的方法是在 td 上设置一个类，并根据该类设置 td 内容的样式。