リンクについて

[統計] HTMLからXHTMLへの移行を進めていますか?



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

IDとかクラスを使うのでしょうか?うまくいかないのでアドバイスお願いします。
ちなみにDREAMWEAVER8を使っています。

1   名前: Yta : 2007/03/29(木) 21:24  ID:UWUfjLLR sub-NP
> IDとかクラスを使うのでしょうか?
そういうことです。ほかにも入れ子にしてもできますよ。

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

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

2   名前: カヅサツ ◆ThCi95HEzw : 2007/03/29(木) 21:24  [URL]  ID:O5hEMlpW sub-r2
> IDとかクラスを使うのでしょうか?

はい。
あとは子孫セレクタとかも良い塩梅です。
<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での書き方には苦労しましたがなんとか上手く行きました。


一覧へ戻る