：ホバーは、テキスト、ハイパーリンクに影響はなく、IMGのハイパーリンク

Question

私のhtmlファイルは

<a href="foo.html"> 
    <img width="64" src="foo.svg" alt="foo"/> 
</a> 

のようなものを持っていると私のCSSファイルが

body 
{ 
    background: #FFF; 
} 
a:hover 
{ 
    background: #ABB; 
} 
img 
{ 
    background: #FFF; 
} 

これは、テキスト、ハイパーリンクのため正常に動作しています。テキストのハイパーリンク上をホバリングすると、背景色がFFFからABBに変わります。

この場合、imgはハイパーリンクでもあり、それはsvgなのでその背景が表示されます。ホバー中にimg変更の背景をどうやって作るのですか？

Answer 1

試してみるあなたは既にこのルールで画像の背景を設定しているa:hover img { }

a:hover, 
a:hover img 
{ 
    background: #ABB; 
} 

Answer 2

この構文を使用して：あなたは背景のホバーの変化にことをしたい場合は

img 
{ 
    background: #FFF; 
} 

アンカー、あなたはそれのためのルールを作る必要があります。

a:hover img 
{ 
    background: #F00; 
} 

そうしないと、あなたはアンカーのみの背景を表示しているので、画像の（HTML）、背景が透明であることを確認する必要があります。

あなたがページにsvgを埋め込み、その中の特定の要素にCSSを使用しようとしているのなら、それはまったく違うことです。