title: Table Styling - col class should override over td class.. How?
body: <p>See this fiddle: </p>
  
  <p><a href="http://jsfiddle.net/uqJHf/" rel="nofollow noreferrer">http://jsfiddle.net/uqJHf/</a></p>
  
  <p>I have set the first column to show up with a red background.</p>
  
  <p>However, the odd/even styling is overriding it. Even with added !important;</p>
  
  <p>Is there any way I can get this fixed? (without having to add classes to the </p>
  
  <pre><code>tr.row_odd td {
      background:#efefef;
  }
  tr.row_even td {
      background:green;
  }
  .col1  { background:red !important; }
  
  &lt;table&gt;
  &lt;col class="col1"&gt;&lt;/col&gt;
  &lt;tr class="row_odd"&gt;&lt;td&gt;test&lt;/td&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;
  &lt;tr class="row_even"&gt;&lt;td&gt;test&lt;/td&gt;&lt;td&gt;test&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>