<STYLE>で２種類の設定

質問

<TABLE>
<TR>
<TD><A href="http://www.aa>サンプルＡ</A></TD>
<TD><A href="http://www.bb>サンプルＢ</A></TD>
</TR>
</TABLE>

とあった場合、
Ａについては、文字色が#FFFFFF。hoverが#000000
Ｂについては、文字色が#FF0000。hoverが#0000FF
にしたいのですが、
この場合、<STYLE>の中はどのようにすればいいのですか？

回答No.1

hiro_izushi · ベストアンサー

classかidを使えばよいです。

classの場合、スタイルの指定が

td.type_a a:link {
color: #FFFFFF;
}
td.type_a a:hover {
color: #000000;
}
td.type_b a:link {
color: #FF0000;
}
td.type_ a:hover {
color: #0000FF;
}

となり、本文が

<td class="type_a"><a href="http://www.aa>サンプルＡ</a></td>
<td class=type_b"><a href="http://www.bb>サンプルＢ</a></td>

とすれば良いです。idの場合もほぼ同様なので説明は省略させていただきます。

お礼

ありがとうございました。
お陰様で、理想どうりに仕上がりました。