title: CSS to get <th> of current <td>?
body: <p>I'm trying to highlight the <code>&lt;th&gt;</code> of the <code>&lt;td&gt;</code> that am currently hovering. </p>
  
  <p>I can highlight the first <code>&lt;tr&gt;</code> using:</p>
  
  <pre class="lang-css prettyprint-override"><code>#sheet tr:hover td:first-child { color:#000; background:#EAEAEA; }
  </code></pre>
  
  <p>Is there a way to do this for the <code>&lt;th&gt;</code>?</p>
  
  <p><strong>Note</strong> - I am using scopes for the <code>&lt;th&gt;</code>, like this <code>&lt;th scope="col"&gt;</code>, can I utilize this?</p>
  
  <p><strong>Note 2</strong> - Or, is there a way to get the current column?</p>