マウスオーバーでテキストの色を変えたい

質問

はじめまして。
よろしくお願いいたします。

一部テキストリンクのマウスオーバー時の色を変えたいんです。

CSSで
a:link {
color:#0000FF;
}
a:visited {
color:#0000FF;
}
a:hover {
color:#FF0000;
}
a:active {
color:#0000FF;
}
と設定しています。

そして、一部だけは通常時白にして、マウスオーバー時を赤にしたいと思っています。

一部だけ変える方法が分かりません。
簡単なことかも知れませんがよろしくお願いいたします。

回答No.1

darlinr · ベストアンサー

文字色を変えたい部分だけを変えれるように
リンクを分割してみてはいかがでしょうか

CSS部分
.ln1:link {
color:#0000FF;
}
.ln1:visited {
color:#0000FF;
}
.ln1:hover {
color:#FF0000;
}
.ln1:active {
color:#0000FF;
}
.ln2:link {
color:#0000FF;
}
.ln2:visited {
color:#0000FF;
}
.ln2:hover {
color:#00FF00;
}
.ln2:active {
color:#0000FF;
}

リンク部分
<a href="hoge.html" id="ln1">次は</a><a href="hoge.html" id="ln2">ここを</a><a href="hoge.html" id="ln1">クリック</a>

お礼

できました！
ほんとにありがとうございます。