在div悬停时更改链接颜色

Question

我有一个div，里面有一个链接，现在如果我将鼠标悬停在链接颜色上，但是我想将鼠标悬停在div上以及颜色，这里是代码：

<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;}