CSSでidとclassはどう使い分ければ良い?

idでもclassでもサイトの見栄えには影響ありませんが、Web制作のルールでは「同じページに同じ名前のidは1個しか存在してはいけない」と言うことになっています。 例えば、HTML上に <div id="header">と作った場合、同じページの他のタグのid名には「header」と名付けてはいけません。 対してclassはこのルールが適用されませんので、複数の箇所に適用したい場合はclassにします。 例えば、文章の文字の色を所々で変えたい場合、<span class="red">あいうえお</span>かくきけこ<span class="red">さしすせそ</span>と書くと「あいうえお」と「さしすせそ」だけ赤い文字になります。 この様に同じページで複数回使う命令文はclassにします。 ですので結果的に、idを使う箇所は大きなブロックにとどめ、その中の細かな指定にclassが使われることになるわけです。

>> Q&A一覧に戻る