更改鏈接顏色上的div懸停

Question

我有一個div中有一個鏈接，現在，如果我將鼠標懸停在鏈接上chnages顏色，但我想要懸停在div上以及chnage顏色，這裏是代碼：

<div class="first_product margin_right left"> 
<a href="/link"> 
</a><div class="first_product_text"><a href="/link"></a><a href="link">Automation&nbsp;<span>+</span></a></div> 

</div> 

Answer 1

我所有的使用jQuery的，但如果你想避免它

HTML：

<div class="first_product margin_right left"> 
     <div class="first_product_text"> 
      <a href="/link"></a> 
      <a href="link">Automation&nbsp;<span>+</span></a> 
     </div> 
</div>​ 

CSS：

.first_product_text:hover{background-color:#f22;} 

繼承人的JsFiddle

Answer 2

這應該解決您的問題。

CSS：

.first_product_text div:hover a {color:#HOVERCOLOUR;}