title: Avoid <colgroup> / <col> HTML tags to alter <thead> and <tfoot> rows?
body: <p>Is there a way to limit/restrain the field of "operation" of styles defined in <code>&lt;colgroup&gt;</code> / <code>&lt;col&gt;</code> HTML tags.</p>
  
  <p>Given the following table:</p>
  
  <pre><code>&lt;table&gt;
      &lt;colgroup&gt;
          &lt;col align="center" /&gt;
          &lt;col align="center" style="background-color: lightgrey;" /&gt;
          &lt;col align="center" /&gt;
      &lt;/colgroup&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Column A&lt;/th&gt;
              &lt;th&gt;Column B&lt;/th&gt;
              &lt;th&gt;Column C&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;1.a&lt;/td&gt;
              &lt;td&gt;1.b&lt;/td&gt;
              &lt;td&gt;1.c&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2.a&lt;/td&gt;
              &lt;td&gt;2.b&lt;/td&gt;
              &lt;td&gt;2.c&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like the <code>background-color: lightgrey;</code> not to be applied to the "Column B" cell (Second <code>th</code> in <code>thead</code>).</p>