Css di chuột, cha mẹ và con

Question

Hãy nói rằng tôi có đoạn mã sau:

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

On di chuột cho một wrapper Tôi muốn nó là con tiêu đề div thay đổi đó là màu nền. Tôi có thể làm điều này trong css thuần túy không. Trong js tôi biết làm thế nào để làm điều đó. Tôi quan tâm nếu một phương pháp CSS thuần túy tồn tại cho điều này?

Cảm ơn

Answer 1

có, bạn có thể thực hiện việc này. nó chỉ là:

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

EDIT:
xin lưu ý rằng IE6 nhận :hover chỉ trên a -elements, vì vậy đây sẽ không làm việc - nhưng tôi hy vọng bạn không phải mớ hỗn độn với điều cũ crappy .

Answer 2

thì sao?

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