Question

我正在尝试创建一个数据表，在这里我几乎没有关于样式的问题。

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

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

2）Colgroup正在IE8中工作，尤其是对齐（cols = A＆amp; SI Capital Allocation，Cap Var，A＆amp; SI Expense Allocation，Exp Var）

有没有办法解决这个问题？

Answer 1

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

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

Colgroup正在使用IE8，尤其是对齐（cols = A＆amp; SI 资本分配，上限，A＆amp; SI费用分配，Exp Var）有没有办法解决这个问题

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

Answer 2

你可以使用CSS3伪类nth-child（单数）和nth-child（偶数）。

我在这里更新了代码：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;
}

Colgroup标记在IE8中不起作用

2 个答案: