Css 更改div悬停时的链接颜色

我有一个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>

---

我完全支持使用Jquery，但是如果您想避免它的话

HTML:

这是答案

---

​

这应该能解决你的问题

CSS:

 <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>​

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

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