a:hoverについて

質問

リンク毎に「a:hover」のスタイルを変更したいのですが、
a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: red; }
通常は↑のスタイルで、

a[aaa]:hover { text-decoration: underline; color: blue; }
nameを指定したリンクの場合は↑にしたい。

<a name="aaa" href="～">リンク</a>

このような感じだと、上のリンクにカーソルを持っていっても青に変わってくれません。
どーすれば良いでしょうか？

回答No.4

ORUKA1951 · ベストアンサー

<a name="aaa" href="～">リンク</a>※1
ということは、リンクでありながらかつ、リンクの終点でもあるということですよね。
　nameはidと同じく一意なのでclassは使わない
すなわち
<a id="aaa" href="～">リンク</a>
がHTML4以降の書き方、後方互換のため
<a id="aaa" name="aaa" href="～">リンク</a>
と書くことが多い、XHTMLでは
<a id="aaa" href="～">リンク</a>※2

※１の場合は
a[name=aaa]:hover {color: blue; }
でよい。""は書いてはだめ、またtext-decoration: underline;はすでに書かれているので不要。
※2なら
#aaa:hover{}

　ただ、ユーザビリティからリンクのある場所にはunderlineはつけておくほうがよい。読者にリンクがあるところを示すべき。

　ただし、この属性セレクタはIE6以前の古いブラウザは対応していないので、
<a href="[URL]" name="aaa" id="aaa">テスト</a>
に対して、
#aaa:hover{}
がベストかな？？

回答No.3

藤田 朋郎（@hujitomo）

＞他に方法はありますか？

クラスは…使っちゃ駄目……なの？

回答No.2

naokita

目的がわかりませんし、これを使う賛否は別として、

a[name="aaa"]:hover { text-decoration: underline; color: blue; }

nameじゃなきゃダメなのかな？・・・

補足

>nameじゃなきゃダメなのかな？・・・
他に方法はありますか？

回答No.1

SAYKA

http://www.google.com/search?hl=ja&q=css%20%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF

[aaa] だとaaaという属性指定になるから違うよ
nameという属性だから[name]
で　それに値が有るから・・・