title: Optimize css vs Google page speed is messing with me
body: <p>I'm using google page speed and it's telling me my css is inefficient...</p>
  
  <p>Very inefficient rules (good to fix on any page):</p>
  
  <pre><code>* table.fancy thead td    Tag key with 2 descendant selectors and Class overly qualified with tag
  * table.fancy tfoot td    Tag key with 2 descendant selectors and Class overly qualified with tag
  </code></pre>
  
  <p>The css rules are</p>
  
  <pre><code>table.fancy {border: 1px solid white; padding:5px}
  table.fancy td {background:#656165}
  table.fancy thead td, table.fancy tfoot td {background:#767276}
  </code></pre>
  
  <p>I want the header and footer in a different background color than the body of the table (a data table)</p>
  
  <ul>
  <li>On what grounds this is inefficient?</li>
  <li>How to make it more efficient?</li>
  </ul>
  
  <p>I will not add a class to the thead and tfoot for googles's sake.</p>