更改錨定在a：hover上的div的背景嗎？

Question

我想在#pianist a:hover上更改div.button的背景圖片。這可能與CSS？

<a id="pianist"> 
    <div class="button"></div> 
    <h2>PIANIST</h2> 
</a> 

Answer 1

您可以通過嵌套它#pianist:hover下瞄準它，像這樣：

example

#pianist:hover .button { 
    background-color: red; /* replace with desired background declaration */ 
} 

Answer 2

這是可能的..只是使用：#pianist:hover .button

jsFiddle here

.button { 
    width:100px; 
    height:100px; 
    background: url('http://placehold.it/100x100'); 
} 
#pianist:hover .button { 
    background: url('http://placekitten.com/100/100'); 
}