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