优化CSS对谷歌的网页速度让我感到困惑

Question

我正在使用谷歌网页速度，它告诉我我的CSS效率低下......

非常低效的规则（很适合在任何页面上修复）：

* 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规则是

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

我希望页眉和页脚的颜色不同于表格的主体（数据表）

• 基于什么理由这是低效的？
• 如何提高效率？

我不会为了谷歌而为thead和tfoot增加一个课程。

Answer 1

谷歌的网页速度表示指定2个后代是低效的，这可能是真的，但我怀疑它会对最终用户的体验产生任何影响。另一方面，有时你必须用这种方式做你想做的事。其他时候，这是使CSS更易于阅读和维护的问题。

最终它是你的CSS，所以做你想要的。我认为微观优化并不重要。

另请参阅：this question