例えば、以下のように、阪神とロッテという文字が<strong>タグで囲まれているとします。
------------------------HTMLファイル -------------------------------------
今年は<strong>阪神</strong>が、<strong>ロッテ</strong>にリベンジする年です。
-------------------------------------------------------------------------
このような時、文字色だけを個別に変えたい場合は
以下のように独自のセレクタを作成し、阪神は黄色に、ロッテはグレーの文字色に
それぞれ変更してみましょう。
+----+----+----+----+CSSファイル +----+----+----+----+----+----+----
strong.tigers {
color: #FFCC00;
}
strong.marines {
color: #666666;
}
+----+----+----+----+----+----+----+----+----+----+----+----+----+
作成した独自のセレクタを<strong>タグに適用します。
------------------------HTMLファイル -------------------------------------------------
今年は<strong class="tigers">阪神</strong>が、<strong class="marines">ロッテ</strong>にリベンジする年です。
-------------------------------------------------------------------------------------
こうすることで、同じstrongタグでも2種類のスタイルを指定することができます。
もちろん、文字色だけでなく、サイズ、太さ、下線の有無などを指定することができます。
|