Css unosić, rodzic i dziecko

Question

Powiedzmy mam następujący kod:

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

przy aktywowaniu dla owijki chcę to dziecko tytuł div, aby zmienić jej kolor tła. Czy mogę to zrobić w czystej css. W js wiem, jak to zrobić. Interesuje mnie, czy istnieje czysta metoda CSS?

Dzięki

Answer 1

tak, możesz to zrobić. to po prostu:

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

EDIT:
należy pamiętać, że IE6 rozpoznaje :hover tylko na a -elements, więc to nie będzie działać - ale mam nadzieję, że nie trzeba zadzierać z tego brzydko stare rzeczy .

Answer 2

co z tym?

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