title: Change color of a CSS when mouse hover an TD
body: <p>I'm developing an site with a large table (18 row x 11 columns). To make it easier for who is looking that table, I made it hover an different color for the TR with that:</p>
  
  <pre><code>.responsive tr:hover {
      background-color: red;
  }
  </code></pre>
  
  <p>But I want to make the same with the column. But if I use <code>.responsive td:hover {background-color: blue;}</code>, it just hovers the single TD, not the entire column. At least, every TD has the class <code>col1</code>, <code>col2</code>, etc.</p>
  
  <p>How is it possible to change a CSS property when hovering the TD. If this is possible, I can change the <code>background-color</code> from class <code>col1</code> when I hover the <code>col1</code> TD.</p>
  
  <p>Any idea?</p>