0

重複の可能性:
CSS のユニバーサル セレクターのパフォーマンスへの影響は?

box-sizingすべてのレイアウトがはるかに簡単になるため、スタイルシートでこのプロパティを使用しています。

私が行う方法は、レイアウトの基本となるすべての要素を作成し、クラスをclass="box"にリセットすることです。私の理由は、できるだけ具体的にすることがベストプラクティスであるということです。しかし、最近、誰かがこれを使用しているのを見ました:.boxborder-box

* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;         
}

これは、すべての要素をリセットし、バックエンドの手間がかからないという点で理想的ですが、パフォーマンスの観点からは悪い考えでしょうか? ドキュメント全体に対するユニバーサル セレクターの費用はどのくらいかかるのでしょうか?

4

1 に答える 1

1

ユニバーサル セレクターは、パフォーマンスの点で使用できる最も高価なセレクターです。

ベンチマークはこちら: http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/

とはいえ、「パフォーマンス」が何を意味するかによって異なります。サイトの速度が著しく遅い場合は、スタイルシートの記述が非常に悪い場合を除き、スタイルシート以外の理由が考えられます。

于 2012-07-26T20:32:29.010 に答える