Html 一个人能在另一个人里面吗？

是否可以在外t车身内部安装一个内t车身，如下所示：

下面是一个css示例：

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

.class1{背景色：#ff0000；}
.class2{背景色：#00ff00；}

下面是示例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

：

<table>
  <tbody id="outer" class="show">
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <td colspan="2">
         <table>
        <tbody id="inner" class="hide">
         <tr>
           <td>...</td>
           <td>...</td>
         </tr>
       </tbody> <!-- inner -->
         </table>
      </td>
    </tr>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody> <!-- outer -->
</table>

...
...
...
...
...
...

不太可能。如果您只想“区分”某组行，我会将class

internal

分配给每一行（而不是

tbody

）。然后可以使用任何js框架轻松地操作这些行，如

$（'tr.inner'）.show（）
虽然这在实践中可能有效

但是，允许在单个表元素中包含多个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> 


... 
... 
... 
... 
... 
... 

或者，您也可以嵌套表，尽管我不建议这样做。
不，这是。根据规范，
TBODY
元素只能包含
TR
元素

<!ELEMENT TBODY    O O (TR)+           -- table body -->



你想做什么？
恐怕你做不到

根据tbody不能在另一个内。
非常感谢，但我更喜欢Michael Madsen的答案。这是对原始问题的正确答案，因为它允许tbody元素中包含tbody元素，这正是所要求的。这允许按父tbody id和子tbody类进行选择（如果需要）。这个答案在形式上可能是正确的，但毫无意义。tbodies将属于不同的表，因此它们的列不会彼此对齐。但我有一个示例，它是有效的。也许你可以帮我，把这个html结构改成正确的，但它应该像以前一样工作。我将非常感谢你。