a nameでのファイヤーフォックスでのエラー

質問

すみません、質問させてください。
ＩＥでは問題ないのですが、ページ内リンクを貼った際、
ファイヤーフォックスではリンク元にカーソルを合わせると
貼った箇所にリンクバー（下線）が出てしまいます。

ＣＳＳで
.style: text-decoration:none;

としてそのクラスをa nameに読み込ませても出てしまいます。

例；<a name="005" class="style">あいうえお</a>
※この　あいうえおの部分にファイヤーフォックスでカーソルを合わせるとリンクの下線が表示されてしまう。

どなたか回避方法をご存知ないでしょうか？

回答No.5

yambejp

#3です

http://www.google.co.jp/search?q=%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E3%82%BF%E3%82%B0+name+%E9%9D%9E%E6%8E%A8%E5%A5%A8

たぶん理由はidと比べてnameはユニークであることを保証できないからでしょう

回答No.4

MAN_MA_RUI

> ちょっとアンカータグが多かったのでクラスを作成してクラス属性
でリンクカラーを設定してみたのですがやはりFFでは上手くいきませんでした。
> 無理やり
> a:hover { color: black; text-decoration:none;}
> にして全てのhref属性に掛けてみたらどうにかなったんですが・・・。
そんなバナナｗ

これで上手く行かなかったとしたらCSSの書き方がアレなんじゃないですか？どこか間違ってる可能性。普通は上手く行きますよ？
a[name]:hover { color: black; text-decoration:none;}

あとclass指定の意味が正しく伝わってなかったかもしれないので念のため書きますが…

これは下記のように指定してa:link,a:visited,a:active,a:hoverを直接書かないということです。
もしCSSのソース中にa:hoverと直接書かれたものがひとつでもあればそれが適用されてしまいます。

a.hoge:link { ～ }
a.hoge:visited { ～ }
a.hoge:hover { ～ }
a.hoge:active { ～ }

あとname属性はHTMLの規格上で非推奨とされており、代わりにID属性を使うことが薦められています。古い環境との互換性を考えるとnameとIDを併用したほうが良いんですけどね。

回答No.3

yambejp

そもそもきょうびアンカータグにnameをつけるのは非推奨ですね

補足

もしよかったら理由をうかがわせていただけませんか？

回答No.2

MAN_MA_RUI

これが結論。
http://www.mozilla.gr.jp/standards/webtips0010.html
（予約語使わないのが無難だというSAYKA.さんの指摘ももっともだけど…。）

その他の回避策としてはhref属性を持ったアンカー全てにclass属性或いはidを指定して、そのclass或いはidのみに対してリンクカラーの設定を行うってのもあります。

補足

参考になるページをありがとうございます！

ちょっとアンカータグが多かったのでクラスを作成してクラス属性
でリンクカラーを設定してみたのですがやはりFFでは上手くいきませんでした。
無理やり
a:hover { color: black; text-decoration:none;}
にして全てのhref属性に掛けてみたらどうにかなったんですが・・・。

もう少しやってみます。
ありがとうございます。

回答No.1

SAYKA

style　　という名前だからじゃない？

あからさまに予約語くさい名前は避けた方が良いよ。
あと数字で始めちゃうとかね。(今回は違うみたいだけど)

予約語とは
http://e-words.jp/w/E4BA88E7B484E8AA9E.html

補足

うーん、違うクラス名つけてもだめでした。