掲示板/HTML質問板/過去ログ/一覧/ リンクについて

0 名前： 勉強中 ： 2007/03/29（木） 21:24 ID:hp.BPPSR sub-FV: カーソルが文字の上に乗った状態の設定はa:hoverでやりますが、
例えば
「Ａ」の文字に乗ってる時は青、
「Ｂ」の文字に乗ってる時は赤というふうに変えたい時はどのようにスタイルシートに登録すればよろしいですか？
a:hoverで文字を「青」にするとどんな文字でも青くなってしまうので。

ＩＤとかクラスを使うのでしょうか？うまくいかないのでアドバイスお願いします。
ちなみにＤＲＥＡＭＷＥＡＶＥＲ８を使っています。

1 名前： Ｙta ： 2007/03/29（木） 21:24 ID:UWUfjLLR sub-NP: > ＩＤとかクラスを使うのでしょうか？
そういうことです。ほかにも入れ子にしてもできますよ。

http://www.tagindex.com/stylesheet/basic/format4.html#t04

が参考になると思います。

2 名前： カヅサツ ◆ThCi95HEzw ： 2007/03/29（木） 21:24 ［URL］ ID:O5hEMlpW sub-r2

> ＩＤとかクラスを使うのでしょうか？

はい。
あとは子孫セレクタとかも良い塩梅です。

<ul>
	<li><a href="" class="doraemon">～</a></li>
	<li><a href="" class="gundam">～</a></li>
</ul>

a.doraemon:hover{
	color: red;
}
a.gundam:hover{
	color: blue;
}

<ul class="doraemon">
	<li><a href="">～</a></li>
	<li><a href="">～</a></li>
</ul>
<ul class="gundam">
	<li><a href="">～</a></li>
	<li><a href="">～</a></li>
</ul>

ul.doraemon a:hover{
	color: red;
}
ul.gundam a:hover{
	color: blue;
}

ただ、これをDREAMWEAVER8でどう入力するかは私はわかりません。

3 名前： 勉強中 ： 2007/03/29（木） 21:24 ID:hp.BPPSR sub-FV: アドバイスありがとうございます。
DREAMWEAVER8での書き方には苦労しましたがなんとか上手く行きました。