title: Changing background colour of tr element on mouseover
body: <p>I want to have my table rows highlighted on mouse over, but I have yet to find a way to do it that isn't using Javascript. Is this not possible in CSS?</p>
  
  <p>I've tried this:</p>
  
  <pre><code>tr:hover {
      background: #000;
  }
  </code></pre>
  
  <p>But that doesn't work. Using <code>td:hover</code> works, but I want to change the background colour of the whole table row.</p>
  
  <p>Is there a pure CSS/HTML way to do it, or am I going to have to resort to Javascript?</p>