title: How to change text font color, while hovering over any part of a <td> or <tr>?
body: <p>I have a table without background, I want the <code>&lt;td&gt;</code> or even the entire <code>&lt;tr&gt;</code> to change background color and font color on Hover.
  I know how to change the background color and the text color on Hover</p>
  
  <pre><code> tr:hover {
         background-color: #ddd;
         color: black;
  }
  </code></pre>
  
  <p>However, that will only change the Text color if I hover over the actual text, and I want to change both the text and background colors if I hover over any part of the <code>&lt;td&gt;</code>/ <code>&lt;tr&gt;</code> not necessarily over the Text itself.</p>