表格样式Rowspan> 1

时间:2014-09-05 10:01:04

标签: html css html-table

我有这张表,并且我已经知道第一列中有很多单元格的rowspan大于1.这会导致我使用的样式出现问题:

tbody > tr:nth-of-type(odd) {
    background-color:#55f
}

我怎样才能将它设置为第一列单元格样式的任何行?我已经设置了一个小提琴,因为我不知道如何解释它。

在小提琴中有2个表,顶部是发生的事情,底部是我想要发生的(没有内联样式)

http://jsfiddle.net/qLrauoxc/1/

2 个答案:

答案 0 :(得分:0)

您可以在表格中拥有多个tbody。如果它在你的情况下有意义,你可以使用它们对tr进行分组,并在tbody上应用背景颜色:nth-​​of-type(odd)。

答案 1 :(得分:0)

更新:UPDATED FIDDLE

使用jQuery

counter变量将代表<td>上所有<tr>的所有#one <tbody>。{ restricted变量将代表设置属性为<td>的{​​{1}}的范围,以及将跳过的rowspan个数。
<tr>变量将代表跳过(奇数或偶数)。

注意:将初始标志更改为1将使突出显示从第二个开始(偶数)开始。

jQuery:

flag

UPDATED JSFIDDLE