ブックマークにCSS設定が効いてしまう

CSSで下記のようにリンク色の設定をしました。


a, a:link, a:visited {
color: #0033CC;
text-decoration: underline;
}

a:hover {
color: #FF3300;
text-decoration: underline;
}


ページ内で下記のようにブックマーク移動をさせたいのですが、この文字にも上記の設定（文字色やアンダーライン）が効いてしまいます。
どのようにすれば、文字色とアンダーラインの解除ができるでしょうか。


<h3><a name="koko">ここにブックマーク</a></h3>

No.2 ベストアンサー 回答者： leaz024 回答日時： 2005/02/28 17:57

a, a:link, a:visited の３つに対してスタイルを設定していますが、普通 a:link と a:visited を指定するなら a への指定は不要です。

この a への指定のせいで <a name="koko">ここにブックマーク</a> にもスタイルが反映されてしまっているので、特に問題なければスタイルの設定を
a:link, a:visited {
color: #0033CC;
text-decoration: underline;
}
としてみて下さい。

この回答へのお礼

なるほど、よくわかりました。
大変助かりました。
ありがとうございました!

お礼日時：2005/03/01 09:19

No.5 回答者： hiro_izushi 回答日時： 2005/02/28 23:45

●ＣＳＳ

/*--通常のリンクのスタイル--*/
a:link,
a:visited {
color: #0033CC;
text-decoration: underline;
}
a:hover,
a:active {
color: #FF3300;
text-decoration: underline;
}

/*--ブックマークのリンクスタイル--*/
a.book_mark:link,
a.book_mark:hover {
color: #0000FF;
text-decoration: none;
}

a.book_mark:visited,
a.book_mark:active {
color: #800080;
text-decoration: none;
}

として、

●ＨＴＭＬ
<h3><a href="oo.html">通常のリンク</a></h3>
<h3><a class="book_mark" name="koko">ここにブックマーク</a></h3>

とすれば、良いですよ。

この回答へのお礼

クラス指定をせずに外したかったので、leaz024さん、BLUEPIXYさんの方法で解決しました。
ありがとうございました。

お礼日時：2005/03/01 09:17

No.4 回答者： sion_fs 回答日時： 2005/02/28 21:29

もしも、その<a>はname属性以外利用しない（アンカーだけの役目）であるならば、Aタグである必要は有りません。

具体的に言えば、
　<h3><a name="koko">ここにブックマーク</a></h3>
これを以下の通り変更して下さい。
　<h3 id="koko">ここにブックマーク</h3>

この回答へのお礼

leaz024さん、BLUEPIXYさんの方法で解決しました。
でもとても参考になりました。
ありがとうございました。

お礼日時：2005/03/01 09:16

No.3 回答者： BLUEPIXY 回答日時： 2005/02/28 17:59

a,a:link, a:visited {

を
a:link, a:visited {
にする。
もし、a:activeが必要なら、別に記述する

この回答へのお礼

大変助かりました。
ありがとうございました!

お礼日時：2005/03/01 09:19

No.1 回答者： UsadaYusuke 回答日時： 2005/02/28 17:34

もしもアンカー(<a name="...">何々</a>という記述)が必ずh3の中にしか使われないのでしたら、例えば

a, a:link, a:visited {
color: #0033CC;
text-decoration: underline;
}

a:hover {
color: #FF3300;
text-decoration: underline;
}

h3 a{
text-decoration: none;
color: #0000FF;
}

でどうでしょうか。


ここでの「h3 a」とは、h3要素の中にある(h3タグに挟まれた)a要素、という意味になります。

この回答へのお礼

leaz024さん、BLUEPIXYさんの方法で解決しました。
でもとても参考になりました。
ありがとうございました。

お礼日時：2005/03/01 09:15