相关疑难解决方法(0)

我有一个表,有一行使用rowspan.所以,

<table>
 <tr>
  <td>...</td><td>...</td><td>...</td>
 </tr>
 <tr>
  <td rowspan="2">...</td><td>...</td><td>...</td>
 </tr>
 <tr>
              <td>...</td><td>...</td>
 </tr>
 <tr>
  <td>...</td><td>...</td><td>...</td>
 </tr>
</table>

我想使用nth-child伪类为每隔一行添加一个背景颜色,但是rowspan正在弄乱它; 它将行背景颜色添加到行下方的行中,实际上我希望它跳过该行,然后移动到下一行.

有没有办法让nth-child做一些聪明的事情,或者在选择器中使用[rowspan]来解决这个问题？所以在这种情况下,我希望背景颜色在第1行和第4行,但之后在6,8,10等等(因为这些都没有行间盘)？就像我看到一个rowspan一样,然后我希望nth-child将n加1,然后继续.

可能没有解决方案,但我想问:-)

我有这个HTML:

<table class="altRowTable">

<script type="text/javascript">
  $(document).ready(function() {
    $("table.altRow tr:odd").css("background-color", "#DEDFDE");
  });
</script>

这样可以正常工作,直到我有一些包含a的行rowspan(它在行之间不一致).

所以我有这样的东西(下面" - "表示一个空格 - 在SOF中不能真正做表:))

|---ID---|---name---|---Number---|   
|---1----|---joe----|-----1------|   
|--------|---tom----|-----2------|   
|---2----|---joe----|-----3------|   
|---3----|---joe----|-----4------|   
|---4----|---joe----|-----6------|   
|---5----|---joe----|-----5------|   
|--------|---tom----|-----3------|   

如何将rowspan中的所有行保持相同的背景颜色？