0

私はグーグルページの速度を使用しています、そしてそれは私の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にクラスを追加しません。

4

1 に答える 1

2

グーグルのページスピードは、2つの子孫を指定することは非効率的であると言っています、それは本当かもしれません、しかしそれがエンドユーザーの経験になんらかの違いをもたらすとは思えません。一方で、あなたがやりたいことをするためにこの方法を使わなければならないこともあります。また、CSSを読みやすく維持しやすくすることも重要です。

最終的にはCSSなので、やりたいことを実行してください。マイクロ最適化は重要ではないと思います。

参照：この質問

于 2010-04-10T07:16:16.763 に答える