css - 更改 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
​</p>

Answer 2

这应该可以解决您的问题。

CSS：

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