一个身体可以在另一个身体里面吗？

是否可以在外部 tbody 中包含内部 tbody，如下所示：

这是一个 CSS 示例：

  <style type="text/css">
    .class1 {background-color:#ff0000;}
    .class2 {background-color:#00ff00;}
  </style>

这是示例 HTML

<table>
  <tbody id="outer" class="class1">
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
    <tbody id="inner" class="class2">
      <tr>
        <td>...</td>
        <td>...</td>
      </tr>
    </tbody> <!-- inner -->
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody> <!-- outer -->
</table>

我的目的是将 class1 CSS 应用到外部 tbody，将 class2 应用到内部 tbody。 但最后一个 TR 被认为是在外部 tbody 之外，因为我希望它位于外部 tbody 内部。

我怎样才能做到这一点？

虽然这在实践中可能有效，它不是合法的 HTML http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.2.3.

但是，您可以在单个 TABLE 元素中拥有多个 TBODY 元素，因此您可以执行以下操作：

<table> 
  <tbody class="show"> 
    <tr> 
      <td>...</td> 
      <td>...</td> 
    </tr> 
  </tbody>
  <tbody class="hide"> 
    <tr> 
      <td>...</td> 
      <td>...</td> 
    </tr> 
  </tbody>
  <tbody class="show"> 
    <tr> 
      <td>...</td> 
      <td>...</td> 
    </tr> 
  </tbody>
</table> 

或者，您也许可以嵌套表格，尽管我并不真正推荐这样做。