सीएसएस में चाइल्ड सेलेक्टर
चाइल्ड सेलेक्टर > एक दूसरे में सीधे नेस्टेड
तत्वों को चुनने की अनुमति देता है।
सिंटैक्स
सेलेक्टर1 > सेलेक्टर2 {
}
उदाहरण
आइए p टैग के अंदर सीधे मौजूद सभी b टैग को
संबोधित करें, और उन्हें लाल रंग में रंगें:
<p>
text <b>+</b>
</p>
<p>
text <i><b>-</b></i>
</p>
p > b {
color: red;
}
:
उदाहरण
आइए .block क्लास वाले तत्वों के अंदर सीधे मौजूद
सभी b टैग को संबोधित करें, और उन्हें लाल रंग में रंगें:
<p class="block">
text <b>+</b>
</p>
<p class="block">
text <i><b>-</b></i>
</p>
<p>
text <b>-</b>
</p>
.block > b {
color: red;
}
:
उदाहरण
आइए .block क्लास वाले तत्वों के अंदर सीधे मौजूद
.elem क्लास वाले सभी तत्वों को संबोधित करें,
और उन्हें लाल रंग में रंगें:
<p class="block">
text <span class="elem">+</span>
</p>
<p class="block">
text <i><span class="elem">-</span></i>
</p>
<p class="block">
text <span>-</span>
</p>
<p>
text <span class="elem">-</span>
</p>
.block > .elem {
color: red;
}
:
यह भी देखें
-
डिसेंडेंट सेलेक्टर,
जो किसी तत्व को उसके पैरेंट के आधार पर चुनने की अनुमति देता है -
एडजेसेंट सिबलिंग सेलेक्टर,
जो किसी तत्व को उसके पड़ोसी के आधार पर चुनने की अनुमति देता है -
जनरल सिबलिंग सेलेक्टर,
जो दिए गए तत्व के बाद के तत्वों को चुनने की अनुमति देता है -
यूनिवर्सल सेलेक्टर,
जो सभी तत्वों को चुनने की अनुमति देता है
