[ CSS ] ユニバーサルセレクタでリセットはマズいの?

スポンサードリンク

今まで、ブラウザ毎にあるデフォルトスタイルの差異を吸収すべく、* { margin: 0; padding: 0; } と言うスタイルを書いていた訳ですが、「 レンダリングが遅くなる 」 などの問題点があるんだそうです。

次のようにリセットすべき要素だけ書いてリセットするんだそうな。

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
  margin: 0;
  padding: 0;
}

※上のコードはまだ考えている途中のコードです。

なんですが、ユニバーサルセレクタでリセットすると、全てのスタイルがリセットされてるって言う安心感があって好きなんですが…。私だけ?

参考になりそうなページ

うーん、CSS は難しいー。

試してみた @ 2008-03-13

ユニバーサルセレクタでマージンとかパディングをリセットすると、Firefox で form の select の option が見づらくなるよ。とコメントで教えてもらったので試してみました。

Firefox での表示

なるほど、確かに見づらいですね。ユニバーサルセレクタでマージンとかパディングをリセットするのは止めておいた方が良いかも。

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

4 件のコメント

  • 実際に検証したわけではありませんが、体感できるほど遅くなることはないと思います。まして今のパソコンの性能では微々たる差だと思います。 それより画像のファイルサイズを下げたりするほうが、よっぽど効果があるでしょうね。

  • コメントありがとうございます。 確かに。そんなに神経質にならなくて良いのかも知れませんね。

  • 亀レスすみません。 Firefox の option の件、試してみたので追記してみました。ご指摘ありがとうございました。 あと、リストマーカーの解釈とか指マーク指定とか試してみようと思います。

  • コメントを残す

    メールアドレスが公開されることはありません。

    ABOUTこの記事をかいた人

    Mac, iPhone, WordPress が好きなウェブディレクター。 香川県坂出市出身。香川県高松市在住。 1973 年生まれで三児の父。川添おやじの会会長。ネギと玉ねぎが嫌い。