スタイルシートでの*セレクターの使用によるスタイルのリセット
-
06-07-2019 - |
質問
現時点では、次のように、スタイルシートの上部で必要なスタイルをリセットしています:
html, body, div, fieldset, form, h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
}
しかし、私は人々が使用する多くの時間を見てきました:
* {
margin: 0;
padding: 0;
}
それは物事を簡単にするように見えますが、どこか他の場所(覚えていない...)で、*セレクターを使用するとパフォーマンスに深刻な影響が出ると読みました。
それは本当ですか、セレクターの長いリスト(例にはセレクターがいくつかありますが、それ以上の場合もあります)は*セレクターよりも大幅に優れており、おそらく*セレクターには他の欠点がありますか?
解決
一度ベンチマークを実行しましたが、* {}リセットはリセットより遅くなりませんでした-マイヤーズ、YUI、リセットなし。
* {}リセットの主な問題は、ほとんどのブラウザーの入力ボタンのパディングをリセットすることですが、IEはそのパディングの一部を保持するため、ボタンをクロスブラウザーで一貫してスタイル設定することが非常に難しくなります。
他のヒント
Eric Meyer などの標準CSSリセットファイルの1つを使用しない理由または YAHOO 's >
Via Googleの推奨速度、ワイルドカードセレクターは非常に非効率的です。さらに、将来的には、リセットする必要のないボックスがある場合があります。それぞれに名前を付けることで、効率と制御の両方を得ることができます。
所属していません StackOverflow