Html 带条tr不包括子表

我有一张桌子（Maintable），里面有信息和信息。此外，每个tr都有一个子表，其中包含更多信息，如果需要，可以折叠这些信息。现在，我希望主表中的tr被分条。我尝试使用：

 tr:nth-child(even)

不幸的是，子表中的tr也在计算偶数和奇数。因此，它不起作用

因此，我的问题是，是否以及如何使用“Maintable”和条带化这些行

例如：

<table class="maintable_use_for_striped">
  <tr>
    <td>Hr.</td>
    <td>Blub</td>
    <td><a role="button" class="btn btn-primary collapsed" data-toggle="collapse" href="#collapse_96" aria-expanded="false" aria-controls="collapseExample">mehr</a></td>
  </tr>
  <tr>
    <td colspan="11" class="collapseTd">
      <div class="additonalInformation collapse" id="collapse_96" aria-expanded="false" style="height: 0px;">
        <table class="subtable_use_not_for_striped">
          <tbody>
            <tr>
              <td>Content 1</td>
            </tr>
            <tr>
              <td>Content 2</td>
            </tr>   
          </tbody>
        </table>
      </div>
    </td>
  </tr>
  <tr>
    <td>Hr.</td>
    <td>Blub</td>
    <td><a role="button" class="btn btn-primary collapsed" data-toggle="collapse" href="#collapse_96" aria-expanded="false" aria-controls="collapseExample">mehr</a></td>
  </tr>
  <tr>
    <td colspan="11" class="collapseTd">
      <div class="additonalInformation collapse" id="collapse_96" aria-expanded="false" style="height: 0px;">
        <table class="subtable_use_not_for_striped">
          <tbody>
            <tr>
              <td>Content 1</td>
            </tr>
            <tr>
              <td>Content 2</td>
            </tr>   
          </tbody>
        </table>
      </div>
    </td>
  </tr>
</table>

人力资源部。
布鲁布
内容1
内容2
人力资源部。
布鲁布
内容1
内容2

查看我在下面制作的嵌套表

使用此选择器：

table.outer > tbody > tr:nth-child(even) {
  background: #ddd;
}

请让我知道你对此的反馈。谢谢

表格{
边界塌陷：塌陷；
}
table.outer>tbody>tr:n子级（偶数）{
背景：ddd；
}

第二张桌子
第二张桌子
第二张桌子
第二张桌子
第二张桌子
第二张桌子
第二张桌子
第二张桌子
第一桌
第一桌
第一桌
第一桌
第一桌
第一桌
第一桌
第一桌
第一桌
第一桌
第一桌

您的解决方案将高亮显示每一外部行。但是经过一点编辑，它就像一个charme:-）我最后的css类看起来像：table.outer>tbody>tr:nth child（4n）{background:#D0D0D0！important；}