画像以外をa:hover

質問

a:hover｛　background: #f6f6df;　｝

上記で画像リンクも背景色が変わってしまいます。

テキストリンクだけ適応させるにはどうしたらいいでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

簡易プロパティを使用しないようにすれば良いはずですが・・
また、画像のリンクとテキストリンクをその文書構造から分けてしまえばよいです。
具体的なHTMLがわからないので、具体的なアドバイスはできません。
[例]
a{color:green;}
a:visited{color:black;}
a:hover{color:red;}
a:active{color:white;}
div.nav ol li a{color:blue;}
div.nav ol li a:visited{color:navy;}
div.nav ol li a:hover{color:blue;}
div.nav ol li a:active{color:blue;}

また、a要素の背景をimgのmarginなどで調整しても良いでしょう。