css - CSS - それを含む div のロールオーバー時にリンクの色を変更する

Question

<div class="positions">
<div class="main" style="clear: both;">
<div class="mainC">
<a class="news" href="#"><img src="salad.jpg" width="105" alt="salad"/></a>
</div>
</div>
<div class="foot" style="clear: both;">
<h1 class="news"><a href="#">Salad</a></h1>
</div>
</div>

親の「位置」divがロールオーバーされたときに、「サラダ」リンクの色を変更することは可能ですか? 助けてくれてありがとう。

Answer 1

Css 疑似クラス:hoverを使用します。

.positions:hover h1.news a
{
  color:red;
}

-- 例を参照 --