पैरेंट पर मंडराने पर स्टाइल एलीमेंट

Question

मूल तत्व पर होवर होने पर बाल तत्व की शैली कैसे बदलें। यदि संभव हो तो मैं इसके लिए एक सीएसएस समाधान पसंद करूंगा। क्या कोई समाधान संभव है: hover CSS चयनकर्ताओं के माध्यम से। वास्तव में मुझे एक पैनल के अंदर विकल्प बार का रंग बदलने की आवश्यकता होती है जब पैनल पर एक हॉवर होता है।

सभी प्रमुख ब्राउज़रों का समर्थन करना।

Answer 1

हां, आप ऐसा जरूर कर सकते हैं। जैसे कुछ का उपयोग करें

.parent:hover .child {
   /* ... */
}

इस पृष्ठ के अनुसार यह सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।

Comments

धन्यवाद, आपने अभी-अभी CSS3 के साथ अपने वेब पेज को जीवंत बनाने में मेरी मदद की है।

— निक

अंत में काफी सीएसएस सीखा कि क्या पूछना है, मदद के लिए धन्यवाद! ध्यान दें कि यह सभी वंशों पर लागू होता है, यदि आप सिर्फ बच्चे चाहते हैं मुझे लगता है कि आपको ज़रूरत है .parent:hover > .child?

— विलियम टी। मलार्ड

Answer 2

हां, आप इसे नीचे दिए गए कोड का उपयोग कर सकते हैं यह आपकी मदद कर सकता है।

.parentDiv{
margin : 25px;

}
.parentDiv span{
  display : block;
  padding : 10px;
  text-align : center;
  border: 5px solid #000;
  margin : 5px;
}

.parentDiv div{
padding:30px;
border: 10px solid green;
display : inline-block;
align : cente;
}

.parentDiv:hover{
  cursor: pointer;
}

.parentDiv:hover .childDiv1{
border: 10px solid red;
}

.parentDiv:hover .childDiv2{
border: 10px solid yellow;
} 
.parentDiv:hover .childDiv3{
border: 10px solid orange;
}

<div class="parentDiv">
<span>Hover me to change Child Div colors</span>
  <div class="childDiv1">
    First Div Child
  </div>
  <div class="childDiv2">
    Second Div Child
  </div>
  <div class="childDiv3">
    Third Div Child
  </div>
  <div class="childDiv4">
    Fourth Div Child
  </div>
</div>

Comments

पार्टी के लिए देर हो रही है

— धृा

यह उत्तर कुछ स्पष्टीकरण से लाभान्वित होगा। मुझे ऐसा लगता है कि यहाँ से अधिक कोड की आवश्यकता है और यह स्पष्ट नहीं है कि हमें किस कोड के किस भाग पर ध्यान केंद्रित करना चाहिए।

— पॉल रूनी

Answer 3

आप इसका भी उपयोग कर सकते हैं

.parent:hover * {
   /* ... */
}

Comments

क्या आप अपना उत्तर थोड़ा और समझा सकते हैं?

— मैसिमो