title: Target a Hyper Link and a Table Together
body: <p>I am trying to figure out how I can target a Table cell (TR > TD) and a Hyper Link together inside one row.</p>
  
  <p>Example HTML:</p>
  
  <pre><code>&lt;div class="CourseLayout"&gt;
  &lt;table width="100%" border="0" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;&lt;td height="30" valign="middle"&gt;&lt;a href="mylink"&gt;Test Link&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.CourseLayout tr:hover td, a:hover{
   background-color: #F1B242;
   color: #0C1A31;
   }
  </code></pre>
  
  <p>I want a user to be able to roll over a row and highlight that row and also change the font color of that row together. Could someone please tell me what I am doing wrong?</p>