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 यह पृष्ठभूमि रंग है को बदलने के लिए है। क्या मैं इसे शुद्ध सीएसएस में कर सकता हूं। जेएस में मुझे पता है कि यह कैसे करें। मुझे दिलचस्पी है यदि इसके लिए एक शुद्ध सीएसएस विधि मौजूद है?

धन्यवाद

Answer 1

हाँ, आप यह कर सकते हैं। यह सिर्फ है:

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

संपादित करें:
कृपया ध्यान दें कि IE6 :hover केवल a पर -elements पहचानता है, इसलिए इस काम नहीं करेगा - लेकिन मैं आशा है कि आप कि भद्दा पुरानी चीज से छेड़छाड़ न की जरूरत नहीं है ।

Answer 2

इसके बारे में क्या?

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