個別にリンクを細かく指定するには?

[上に] [前に] [次に]
あい 1999/12/30(木) 05:48:35
リンクの色を個別に指定したいんです。
ひとつは未読リンクが青,既読は赤,アクティブは灰色。
もうひとつは未読が赤,既読は青,アクティブは灰色。
・・・みたいに。
それは可能ですか?
<STYLE>
<!--
A:link      {text-decoration: none; color:#0000FF;}
A:visited   {text-decoration: none; color:#808080;}
A:active    {text-decoration: none; color:#FF0000;}
A:hover     {text-decoration: underline; color:#FF0000;}
-->
</STYLE>
のような設定を個別にすることは可能でしょうか?
お願いします。

kala 1999/12/30(木) 11:04:15
<STYLE>
<!--
A:link.TYPEA      {text-decoration: none; color:#??????;}
A:visited.TYPEA   {text-decoration: none; color:#??????;}
A:active.TYPEA    {text-decoration: none; color:#??????;}
A:hover.TYPEA     {text-decoration: underline; color:#??????;}
A:link.TYPEB      {text-decoration: none; color:#??????;}
A:visited.TYPEB   {text-decoration: none; color:#??????;}
A:active.TYPEB    {text-decoration: none; color:#??????;}
A:hover.TYPEB     {text-decoration: underline; color:#??????;}
-->
</STYLE>

を<HEAD>〜</HEAD>内か外部ファイルに置いて、

<A href="**" class="TYPEA">TYPEA</A>
<A href="**" class="TYPEB">TYPEB</A>

こうするとできます。

[上に] [前に] [次に]