何故か一部だけ、text-decoration: none; にならない・・

質問

a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #339999;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}

これを外部スタイルシートで使っているのですが、
いろいろあるリンク先の一部（全体の５％ぐらい）だけ何故か「text-decoration: none;」
にならずアンダーラインが表示されます。
もともとはアンダーラインがあった状態だったのもを変更したのですが、
一部変更にならないという症状です。

・どのページでも同じような事が起こっています。
・リンク先に共通性はないと思います。

これは何によるものなのでしょうか？

回答No.1

Oh-Orange · ベストアンサー

★『A』のスタイルシート定義は外部ファイルのみですか？
・各ファイルのヘッダの<STYLE>タグ内で『A』を再定義などしていないか確認して下さい。
　また、下のように『A』のスタイルシートを定義したらどうなる？

お試しあれ:
A{
　text-decoration: none;
}
A:link{
　color: #000000;
}
A:visited{
　color: #339999;
}
A:active,
A:hover{
　color: #FF6600;
　text-decoration: underline;
}

その他:
・DIV A.link{ … } のような定義はしていますか？
　これは<DIV>タグ内の『A』だけを特別にスタイルシートで定義します。
　もしも、こんな定義があったとして、その中にアンダーラインを表示するように
　スタイルシートで記述されていると一部だけアンダーラインが表示されます。
・あまり複雑なスタイルシートを記述しないか、ちゃんと構造を考えて定義しましょう。
　あと関係あるか分かりませんが『A:active{ … }』も記述しておくのはどうでしょうか。
・以上。参考に！

お礼

ご指摘いただいた通りで無事解決いたしました。ありがとうございました。
提供テンプレートのまま使っていたものでこんな事になったみたいです。勉強しなければなりませんね。