CSSのホバー、親と子

Question

のは、私は次のコードを持っているとしましょう：

<div class="wrapper"> 
<div class="title"></div> 
<div></div> 
</div> 

<div class="wrapper"> 
<div class="title"></div> 
<div></div> 
</div> 

<div class="wrapper"> 
<div class="title"></div> 
<div></div> 
</div> 

ラッパー用ホバーで、私はそれはそれは背景色です変更するには、子タイトルのdivですたいです。 純粋なCSSでこれを行うことはできますか？ jsで私はそれを行う方法を知っています。純粋なCSSメソッドがこのために存在するなら私は興味がありますか？

ありがとうございます。

Answer 1

はい、できます。それだけだ：

.wrapper:hover .title{ 
    background-color: #f00; 
} 

EDIT：
IE6のみa -elementsに:hoverを認識するので、これは動作しませんので、ご注意ください - しかし、私はあなたがその安っぽい古いものを台無しにしていないことを望みます。

Answer 2

この点についてはどうですか？

.wrapper:hover .title { 
    background-color: blue; 
}