title: Global <td> tag has background writing over the class specified in a <tr> tag
body: <p>I am taking an online course that isn't very great, and now the people I can rely on help from usually can't find the issue either.</p>
  
  <p>In my <code>&lt;style&gt;</code> tag, I set all <code>&lt;td&gt;</code> tags to <code>background-color:#7A7A7A;</code> and ah... this is now showing over the <code>tr.whiteback</code> CSS setting that should show as <code>background-color:#FFFFFF;</code></p>
  
  <p>Here is the entire code file, showing the entire structure as placed in Pastebin</p>
  
  <p><a href="https://pastebin.com/tX1eAz9u" rel="nofollow noreferrer">https://pastebin.com/tX1eAz9u</a></p>
  
  <p>Result:</p>
  
  <p><a href="https://i.stack.imgur.com/pNfu0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pNfu0.png" alt="enter image description here"></a></p>
  
  <p>Desired Effect: The "Class Times" row should have a white background, but it has the gray background of the other data cells, which I do NOT want.</p>