4.CSS セレクターは短く最適化せよ! CSSはシンプルに、短く書くことがもっとも大切だ。いくつかのポイントがあるのでぜひとも押えて欲しい。基本は、「ブラウザーはCSSを適用するときマッチング作業をしている」「マッチングの母体が大きくなればなるほど、効率は悪くなる」ということだ。 ■ユニバーサルセレクター『*』は避ける ユニバーサルセレクター(全称セレクター)はその名のとおり“ユニバーサル”(すべて)であり、マッチングに相当の時間がかかる。つまり、 *{ margin: 0; padding: 0; } というCSSリセットはレンダリングを遅くしてしまうため、なるべく使うべきではない。 ■id名にタグやclassを付け加えるな idはもともとユニークなもの。タグやclassを付け加える必要はない。余計なものを付ければレンダリングは遅くなる。 ●悪い例: ul#global-nav ●良い