■

風姿花伝から引用

タイプセレクタ

IDセレクタとclassセレクタ

・「id」は1ページ内で同じ名前を1回しか使用できない
・「class」は1ページ内で同じ名前を何度も使用できる

でも、この言い方はあまりにも単純すぎてどこにどんな名前を付ければよいかが、見えてきません。

大事なことは、何回かではなく、どんな名前にするか

IDセレクタ

・ページ内で識別したい要素に対する「一意性」のもの
・HTML文書内で１つ確定していくもの
・とくにグループを囲む外枠に記述する「div要素」には「IDセレクタ」が使われます

サイトをレイアウトするためのdiv要素や、ページ上部１箇所のみに表示するグローバルナビなど、間違いなくページ内で１回しか出てこない部分を指定するようにしましょう。

classセレクタ

・ なぜ同じ名前を繰り返すのかといえば、大きい箱の中にある繰り返される「見出しと段落」のブロックを指す場合がほとんどだからです
・とことん迷った場合は、classを選択します

CSSによるページデザインの基本

この「グループ化」をするときに、「id名」「class名」を使い分けて、グループの意味を作っていきます。