ＣＳＳでリンクごとに色を変えるには？

[上に] [前に] [次に]
安全運転 1999/04/17(土) 20:06:53
スタイルシートで、HEADに宣言してリンクの色を変えることはしている
のですが（↓）、これだと全て同じ色になってしまいます。
<style TYPE="text/css">
<!--
A:link { color:blue; text-decoration:none }
A:visited { color:violet; text-decoration:none }
A:active { color:violet; text-decoration:underline }
A:hover { color:pink; text-decoration:underline}
-->
</style>

これをリンクごとに色変えするにはどうしたらよいか教えて下さい。
ポケ鬼！！ 1999/04/17(土) 20:20:56
<STYLE TYPE="text/css">
<!--
A.AAA:LINK { color:blue; text-decoration:none }
A.AAA:VISITED { color:violet; text-decoration:none }
A.AAA:ACTIVE { color:violet; text-decoration:underline }
A.AAA:HOVER { color:pink; text-decoration:underline}

A.BBB:LINK { color:white; text-decoration:none }
A.BBB:VISITED { color:pink; text-decoration:none }
A.BBB:ACTIVE { color:green; text-decoration:underline }
A.BBB:HOVER { color:gray; text-decoration:underline}
-->
</STYLE>

のようにクラス付きで複数組定義して、

<P><A HREF="aaa.html" CLASS="AAA">ああああああああああ</A></P>
<P><A HREF="bbb.html" CLASS="BBB">ああああああああああ</A></P>

とすればＯＫ！
安全運転 1999/04/17(土) 20:26:08
[[解決]]
早速の回答ありがとうございました。やってみます。
リブラサ 1999/04/18(日) 07:07:42
解決後ですいません
上の例をCLASS=じゃなくID=で指定するには
どうすればいいでしょうか？
宜しくお願いします
ポケ鬼！！ 1999/04/18(日) 15:28:36

--->リブラサさん

A.AAA:LINK を A#AAA:LINK に
CLASS="AAA" を ID="AAA" にするだけです。

ただし、IDの場合は、同一ページで同じIDを重複「利用」することはできません。注意してください。
Nobu3 1999/04/19(月) 03:34:50
便乗してすいません。気になったもので。

IDの重複利用ってできないんですか？
ちなみに上記方法では、
IE4.01では重複しても認識していました。
NN4.5では単純に使用しても認識しませんでした。

仕様書は見てませんけど・・・ (^^;;;
Nobu3 1999/04/19(月) 04:32:30
失礼しました。
HTML4.0の仕様書にちゃんと書いてありました。(^^;;;
IEは拡張して使っているのかな？
スクリプトからだと「配列」として参照できるんですよね。
ＭＳは実際そういうふうに使ってるし（about:NavigationCanceledで）
アンカーとしても使えるとなると重複しちゃまずいですね・・・
お騒がせしました。
[上に] [前に] [次に]