Optimization 优化css vs谷歌页面速度让我很困惑

我使用谷歌网页速度，它告诉我我的css效率很低

非常低效的规则（在任何页面上都可以修复）：

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中添加一个类。

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

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

另见：

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