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>

是否可以改变＆＃34;沙拉＆＃34;的颜色。链接，当父母＆＃34;职位＆＃34; div翻了个身？提前感谢您的帮助。

Answer 1

使用Css psuedo class :hover：

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

-- SEE EXAMPLE --