Css vurgulu, ebeveyn ve çocuk

Question

en Aşağıdaki kodu var diyelim: Bir sarmalayıcı için vurgulu üzerinde

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

buna arka plan rengi değiştirmek için çocuğa başlık div var istiyorum. Bunu saf css'de yapabilir miyim? Js'de bunu nasıl yapacağımı biliyorum. Bunun için saf bir CSS yöntemi var mı?

Teşekkürler

Answer 1

Evet, bunu yapabilirsiniz. bu sadece:

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

DÜZENLEME:
IE6 :hover sadece a üzerinde -elemanları tanıdığı olduğunu, dolayısıyla bu işe yaramaz lütfen - ama o berbat eski şeyle uğraşmak zorunda kalmam .

Answer 2

Bu konuda ne düşünüyorsunuz?

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