Optimize css vs Google page speed is messing with me

Posted by The Disintegrator on Stack Overflow See other posts from Stack Overflow or by The Disintegrator
Published on 2010-04-10T06:56:52Z Indexed on 2010/04/10 7:03 UTC
Read the original article Hit count: 668

I'm using google page speed and it's telling me my css is inefficient...

Very inefficient rules (good to fix on any page):

* 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

The css rules are

table.fancy {border: 1px solid white; padding:5px}
table.fancy td {background:#656165}
table.fancy thead td, table.fancy tfoot td {background:#767276}

I want the header and footer in a different background color than the body of the table (a data table)

  • On what grounds this is inefficient?
  • How to make it more efficient?

I will not add a class to the thead and tfoot for googles's sake.

© Stack Overflow or respective owner

Related posts about css-selectors

Related posts about speed