कैसे करें - होवर पर एक तत्व प्रदर्शित करें
होवर पर किसी तत्व को प्रदर्शित करने का तरीका जानें।
मेरे ऊपर मंडराओ।
I am shown when someone hovers over the div above.
होवर पर एक तत्व कैसे प्रदर्शित करें
चरण 1) HTML जोड़ें:
उदाहरण
<div class="myDIV">Hover over me.</div>
<div class="hide">I am shown when
someone hovers over the div above.</div>
चरण 2) सीएसएस जोड़ें:
उदाहरण
.hide {
display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
उदाहरण समझाया गया
आसन्न भाई चयनकर्ता ( +
) उन सभी तत्वों का चयन करता है जो एक निर्दिष्ट तत्व के आसन्न भाई बहन हैं।
शब्द "आसन्न" का अर्थ है "तुरंत अनुसरण करना", और ऊपर दिया गया उदाहरण उन सभी तत्वों का चयन करता है , जो "होवर पर" class=".hide"
वाले तत्वों के तुरंत बाद रखे जाते हैं ।class=".myDIV
आसन्न चयनकर्ताओं के बारे में अधिक जानने के लिए हमारे CSS Combinators Tutorial पर जाएं।