1

次のような「狭い」定義かどうか疑問に思いました

#mytable tbody span.myclass
{
     color: #ffffff;
}

ただよりも解析する方が良い/速い

.myclass
{
     color: #ffffff;
}

狭い定義が実際にCSSの速度に何らかの悪影響を与えると思われることをどこかで読んだのですが、どこにあるのか思い出せず、もうしばらく経っているので、それが重要かどうか、重要な場合はどの解決策かを明確にしたいと思いました。より良い/より速いです。

ありがとうございました！

4

3 に答える 3

2

Google の Page Speed には、効率的な CSS セレクターの使用に関する情報があります。そこから始めることをお勧めします。

したがって、（非常に）基本的には、次のことをお勧めします。

子孫セレクター、特に冗長な祖先を指定するものは使用しないでください

したがって、2 番目のオプションが最速です。

于 2009-07-29T06:21:20.660 に答える
2

私は前者のスニペットを選択し、効率についてはまったく心配しません。スタイルシートが 12 個ほどある場合を除き、CSS がボトルネックになることはありません。前者のスニペットの方が読みやすく、何をスタイリングしているか、構造的にどこに属しているかを正確に把握できるため、戻って編集を行うときに、何を検索すればよいかがわかります。

繰り返しになりますが、フロートを含むクラスのようなグローバルスタイルを作成する場合は、シンプルに保つ方がよいでしょう。

于 2009-07-29T06:23:43.573 に答える
0

「速度の最適化」は、CSSでは実際には問題になりません。最近のブラウザの違いはわずかですが、使用法の違いはありません。達成したいこと、スタイルをカスケードする距離、適用できる場所、および広いセレクターをオーバーライドする必要があるかどうかに基づいて、「狭い」または「広い」セレクターをいつ使用するかを決定する必要があります。

于 2009-07-29T07:02:05.663 に答える