I am using google page speed and it tells me that my css is inefficient ...
Very ineffective 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
Css rules
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 to have a different background color than the body of the table (data table)
- On what grounds is this ineffective?
- How to make it more efficient?
I will not add a class to thead and tfoot for googles.
source
share