もとの色が違うテキストをマウスポインタをあてた時に色が変わるようにしたい

質問

ドリームウィーバーでホームページを製作中なのですが、どなたか1点教えてください。
マウスポインタをあてるとテキストの色が変わるようにするのは a:hover を使って出来たのですが、同じページ内でもとのテキストの色を2色の違う色にしたいのです。
CSSで指定してしまうと、同じ色になってしまうのです、、、
（シート内で無理やり色を変えるとマウスポインタをあてた時に色が変わらないし、、、）
ヘタな説明で分かりづらいかもしれませんが、お分かりになる方いましたら宜しくお願いします。

回答No.2

studynote

Behaviorを使うときの注意点
ファイル名は必ずフルパスで書くようするとよいとおもいます。

behavior: url(http://www.xxxx.jp/yyyyy.htc);

参考URL：

http://www.minc.ne.jp/~konda/web_resoce/js/behavior/htc-about.html

お礼

ありがとうございます。気をつけます。

回答No.1

metis

基本はa要素と同様にhover擬似クラスを指定します。
【CSS部】
.hover:hover{color:#ff0000}

【本文】
<span class="hover">この上にポインタを置くと色が変わる</span>

ですが、このhover擬似クラス、IE6では適用出来ません（IE7では使えるそうです）。
ですので、少々工夫をする必要があります。

参考URLに、hover擬似クラスをIEでも適用出来るようにするスクリプトと、その使用方法が記載されています。
javascriptを使う手も無きにしも非ずですが、これを使えばCSS部で一括で指定できるので便利かと思います。

参考URL：

http://jmblog.jp/archives/88

お礼

早速の返事ありがとうございます！
なにやら難しそうですね、、、教えて頂いたURLも参考にしてこの機にお勉強してみます。