クラスセレクタ

.CLASS名　{ 属性 : 値 } として定義 先頭に "." ドットを書く
基本セレクタ名.CLASS名{ 属性 : 値 }

例えば　TABLE の TD に　設定すると

TD.abc{
   border-color : red;
   background : #d6d385;
}

<TABLE border="1">
  <TR>
    <TD class="abc">スタイル定義</TD> ←なるほど指定したようになっている。
    <TD>　DIV の範囲に適用される。</TD></TR>
  <TR>
    <TD class="abc">
      <PRE>
TD.abc{
   border-color : red;
   background : #d6d385;
}

      </PRE>
   </TD>
    <TD valign="top">
<PRE>

</PRE>
<BR>
<BR>
この <DIV>〜</DIV>の範囲にスタイルが適用される。</TD></TR>
</TABLE>

IDセレクタのときIDセレクタは一つの HTML文 のなかで複数つけられないと言ったことを書いてあるが
複数使用するには　この CLASS セレクタを使えばいいということらしい。

試しに <TD> 以外　<TABLE border="1" class="abc"> とか　やってみたけど　これは効かないようです。
<P class="abc"> これも当然ながら　効かない。　　<TD> に対する CLASS "abc" ってこと。

もし <P> に対してならば P.abc として定義すればいいことになる。

1. 基本 html
2. スタイルシートの書き方。
   • Inline Style
   • Embedding style Sheet
   • Linking Style Sheet　+ cssファイル
3. スタイルシート( css ) の基本的な定義方法
   • 基本セレクタ
   • IDセレクタ
   • CLASSセレクタ
   • 擬似クラス
4. お勉強会メニューに戻る