スタイルシートの入門サイトです。-クラス、IDによる指定-

スタイルシート探偵
トップページ → クラス、IDによる指定
 〜 クラス、IDによる指定 〜
 
1つのタグに2つ以上のスタイルを設定することができます。
例えば、色だけ変えて同じタグを何度も使いたい場合などに用います。
 
クラスの場合の書式です

タグ.クラス名{プロパティ:値;}

IDの場合の書式です

タグ.ID{プロパティ:値;}

 
同じ名前のクラスはページ内で何度でも使えますが、 
同じ名前のIDはページ内で1回しか使えません。 
以上の理由から、筆者はエラーの原因になりかねないIDは使わず
クラスを使うようにしています。
 
 
 例.Bタグをクラスによって色だけ変える
 
 
[CSSファイル]

B.class1{color:#bfbfdf;}
B.class2{color:#6090ef;}
B.class3{color:#a9a9a9;}

[HTMLファイル]

<B class="class1">CoolCopper</B>
<B class="class2">CornFlowerBlue</B>
<B class="class3">DarkGray</B>

ブラウザ上の表示...
CoolCopper
CornFlowerBlue
DarkGray
 
 
 
Copyright 2008- CSS-TANTEI All rights reserved.