de CSS, padre e hijo

Question

Digamos que tengo el siguiente código:

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

Al pasar por encima de un envoltorioquiero es hijo título div a cambiar su color de fondo. ¿Puedo hacer esto en CSS puro? En js sé cómo hacerlo. Me interesa si existe un método de CSS puro para esto?

Gracias

Answer 1

Sí, puede hacerlo. es simplemente:

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

EDIT:
tenga en cuenta que IE6 reconoce :hover solamente en a -Elementos, así que esto no funcionará - pero espero que usted no tiene que meterse con esa cosa vieja mierda .

Answer 2

¿qué tal esto?

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