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