title: Css Hover <a> inside <td>
body: <p>I had a table, inside the tr there are td which there is a link. well, i want to make a class that can change the color the link inside the td. here is my code:</p>
  
  <pre><code>&lt;style&gt;
      .dihover{transition: .5s;}
      .dihover:hover{background-color:#B7192A; color: white; cursor: pointer;}
      a.setan{color:#7E7E7E;}
      .setan:hover{color:white;}
      tr.dihover a:hover{color:white;}
  &lt;/style&gt;  
  
  &lt;table&gt;
      &lt;tr class="dihover"&gt;
          &lt;td&gt;&lt;a class="setan"&gt;this supposed to change colors&lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a class="setan"&gt;this supposed to change colors&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>what did i do wrong? Thank you in advance!</p>