CSS में “” से अधिक ”या“> ”वर्ण का उपयोग कैसे किया जाता है?

Question

मैंने सीएसएस फाइलों में इस चरित्र को कई बार देखा है लेकिन मुझे नहीं पता कि इसका उपयोग कैसे किया गया है। क्या कोई मुझे यह समझा सकता है और दिखा सकता है कि वे पृष्ठ शैली को आसान बनाने में कैसे उपयोगी हैं?

Comments

ज्ञात हो कि इसके लिए विंडोज इंटरनेट एक्सप्लोरर 7 या उसके बाद के संस्करण की आवश्यकता होती है। या एफएफ या कुछ आधुनिक ब्राउज़र। http://msdn.microsoft.com/en-us/library/aa358819(VS.85).aspx

— Vili

BTW,> आमतौर पर "अधिक से अधिक" (या, सख्ती से गलत तरीके से, सही कोण ब्रैकेट के रूप में) के रूप में जाना जाता है।

— रिचर्ड

के संभावित डुप्लिकेट क्या ">" (अधिक से अधिक चिह्न) सीएसएस चयनकर्ता मतलब है?

— TZHX

Answer 1

यह एक सीएसएस बच्चे का चयनकर्ता है। P > SPANसभी SPAN टैग के बाद आने वाली शैली को लागू करने का मतलब है एक Pटैग के बच्चे ।

ध्यान दें कि "बच्चे" का अर्थ है "तत्काल वंशज", न कि केवल कोई वंशज। P SPANएक वंशज चयनकर्ता है , वह शैली लागू करता है जो उन सभी SPANटैगों का अनुसरण करता है जो किसी Pटैग के बच्चे या किसी अन्य टैग के पुनरावर्ती बच्चे हैं जो किसी टैग के बच्चे / वंशज हैं P। P > SPANकेवल उन SPANटैगों पर लागू होता है जो एक Pटैग के बच्चे हैं ।

Comments

हालांकि सावधानी का एक नोट - यह ie6 में समर्थित नहीं है

— 14'09 wheresrhys

Answer 2

p em

किसी भी मिलान कर देंगे <em>कि एक के भीतर है <p>। उदाहरण के लिए, यह निम्नलिखित मेल खाएगा <em>:

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

दूसरी ओर,

p > em

केवल उसी <em>s से मेल खाएगा जो तत्काल के बच्चे हैं <p>। तो यह मैच होगा:

<p>Text <em>foo</em> bar</p>

लेकिन नहीं:

<p><strong><em>foo</em></strong></p>

Comments

अच्छा, स्पष्ट उदाहरण। हालाँकि tpdi का जवाब मददगार था, लेकिन इसने इसे समझना आसान बना दिया।

— जे। स्कॉट एल्बिनिन

Answer 3

इसे बाल संयोजक के रूप में जाना जाता है:

एक बाल कॉम्बीनेटर चयनकर्ता को अन्य निर्दिष्ट तत्वों के भीतर निहित तत्वों की सामग्री को स्टाइल करने में सक्षम होने के लिए जोड़ा गया था। उदाहरण के लिए, मान लीजिए कि एक निश्चित वर्ग के लिए div टैग के अंदर हाइपरलिंक के रंग के रूप में सफेद सेट करना चाहता है क्योंकि उनके पास एक अंधेरे पृष्ठभूमि है। यह वर्ग संसाधनों के साथ div को संयोजित करने के लिए एक अवधि का उपयोग करके पूरा किया जा सकता है और जोड़ी के साथ जोड़ी बनाने के लिए एक संयोजन के रूप में अधिक से अधिक संकेत, जैसा कि नीचे दिखाया गया है:

div.resources > a{color: white;}

( http://www.xml.com/pub/a/2003/06/18/css3-selectors.html से )

Answer 4

E > F

किसी भी F तत्व से मेल खाता है जो एक तत्व E का बच्चा है।

http://www.w3.org/TR/CSS21/selector.html#child-selectors पर अधिक