質問

現時点では、次のように、スタイルシートの上部で必要なスタイルをリセットしています:

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の推奨速度、ワイルドカードセレクターは非常に非効率的です。さらに、将来的には、リセットする必要のないボックスがある場合があります。それぞれに名前を付けることで、効率と制御の両方を得ることができます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top