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 psuedo class :hover：

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

-- SEE EXAMPLE --