title: Can a tbody be inside another one?
body: <p>Is it possible to have an inner tbody inside an outer tbody like this:</p>
  
  <p>here is a sample css:</p>
  
  <pre><code>  &lt;style type="text/css"&gt;
      .class1 {background-color:#ff0000;}
      .class2 {background-color:#00ff00;}
    &lt;/style&gt;
  </code></pre>
  
  <p>Here is the sample HTML</p>
  
  <pre><code>&lt;table&gt;
    &lt;tbody id="outer" class="class1"&gt;
      &lt;tr&gt;
        &lt;td&gt;...&lt;/td&gt;
        &lt;td&gt;...&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tbody id="inner" class="class2"&gt;
        &lt;tr&gt;
          &lt;td&gt;...&lt;/td&gt;
          &lt;td&gt;...&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt; &lt;!-- inner --&gt;
      &lt;tr&gt;
        &lt;td&gt;...&lt;/td&gt;
        &lt;td&gt;...&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt; &lt;!-- outer --&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My purpose is to apply class1 CSS to the outer tbody and class2 to the inner tbody.
  But the last TR is consider to be out of the outer tbody as I want it to be inside the outer tbody. </p>
  
  <p>How can i do that?</p>