2009年6月16日火曜日

idセレクタ、classセレクタ

CSSでは原則としてidを使い、他のものと役割が共通する場合にだけ、例外的にclassを使うという発想が大切です。
idを個人とするならば、classは集団といえます。基本的にid、classには、「form#request」というふうにformなどの要素タイプを前接し、「#request」のようにオープンにしないのが原則です。

idやclassのネーミングは、「header」「contents」「subcontents」「footer」のように意味を基準にするのがよろしいです。
「red」「left」といった見た目を基準にすると、あとで「red」部をグリーンに、「left」部を中央に変更したりすることが生じた場合混乱を招きます。


















見本
id意味
div#container全体を囲むdiv要素
div#headerヘッダー
div#globalnavメニュー
div#search検索部分
div#visual画像部分
div#wrapperマルチカラムのデザイン調整用空ボックス
div#main主要部分
div#subサイドバー
div#footerフッター