煤式自動連結器

現在使っているWordPressのテーマファイルは、5～6年前に別のテーマファイルを改造して作ったものなので、CSSの記述にユニバーサルセレクタは使っていないのですが、それ以降のウェブサイト構築やWordPressのテーマを作るときにはだいたいユニバーサルセレクタを使っています。

しかしながら、ウェブサイトの作り方っていうのは流行があって、旬を過ぎた作り方だとなんとなくダサいイメージがあるのが現実です。ユニバーサルセレクタもそんな流行遅れの烙印を押された手法ではあるのですが、果たしてそんなに悪いものなのか。とりあえず考察してみましょう。

まずはいろいろなサイトを読み漁ってみます。

• CSSをリセット
• ユニバーサルリセットの弊害
• 全称セレクタを用いたスタイルの正規化
• HTML初心者が知っておくべきリセットCSSと3つのポイント
• [使えるCSSテクニック] ブラウザのデフォルトスタイルをリセットする
• Reset vs Normalize
• CSSセレクタのパフォーマンスへの影響
• ユニバーサルセレクタを使う前に学ぶ基礎知識
• Webブラウザのデフォルトスタイルをリセットする - ユニバーサルセレクタの使用又は要素ごとに指定する方法
• ブラウザのデフォルトスタイルをリセットする手段、ユニバーサルセレクタとタイプセレクタの違いは?

時系列的には、

1. ユニバーサルセレクタでブラウザが元々持っているデザインをリセットしてしまおう。ゼロからデザイン再構築。
2. いやいや、全部のデザインをリセットすると、よい部分(特にform周りのデザイン)まで影響するから要素ごとにリセットしよう。リセットCSSっていうのもあるよ。
3. いやいやいやいや、リセットなんて古いよ。せっかくもともとのデザインがあるんだからそれを生かそうよ。ノーマライズだよ。必要な部分だけCSSを書こう。

という感じですかね。いろいろな考え方があるのは承知の上で、体質的に3番の方法は受け入れられません。絶対ムリ。思い描いているデザインを再現できないし。

2番のリセットCSSには一定の理解を示せるものの、何をどのようにリセットするかが中途半端。そもそもたかがリセットするだけなのにCSSの記述量が多すぎて。さくっとリセットして必要な要素やクラスをガシガシと書くほうが絶対効率よさそう。

ということで、やっぱりユニバーサルセレクタ。ウェブ制作の流行というよりも、コンセプトの相違でしょうね。どれがいいとか悪いとかではなくて。

さらに、まことしやかに語られるユニバーサルセレクタの弊害「レンダリング速度の低下」ですが、どうも全然影響がないようです。むしろ速くなったという検証結果もあって実に興味深い。ユニバーサルセレクタ愛好家としてはとても心強い結果になりました。

どうせ当分HTML5に移行せずにXHTML1.0 strictのままだし、CSSも従来どおりでいいんですー。