- 同じタグに対して別のスタイルを指定したい場合があります。
- クラスを用いることによって、１つのタグに複数のスタイル指定することができます。
-
-
- ○クラスを指定する場合の書式
-
- 基本的に下記の書式となります
タグ.クラス名{プロパティ:値;} -
- ○H3タグにクラスを設定する例
-
- CSSファイルに、
H3.class1{color:#ff0000;}
H3.class2{color:#0000ff;}
H3.class3{color:#ffff00;} - と書いて、ヘッダータグでそのCSSファイルをリンクしておくと、
<H3 class="class1">ＣＳＳ ｎａｖｉ</H3>
<H3 class="class2">ＣＳＳ ｎａｖｉ</H3>
<H3 class="class3">ＣＳＳ ｎａｖｉ</H3> - と書いた箇所はブラウザで表示すると・・
ＣＳＳ ｎａｖｉ
ＣＳＳ ｎａｖｉ
ＣＳＳ ｎａｖｉ- このようになります。
-
-
-
-
-
-
|
スタイルシートの基礎知識の解説とCSS関連サイトのリンク集