:root
चयनकर्ता आप तत्व उच्चतम स्तर के "जनक" डोम में, या दस्तावेज़ पेड़ को लक्षित कर सकते। यह सीएसएस सिलेक्टर्स लेवल 3 कल्पना में "संरचनात्मक छद्म वर्ग" के रूप में परिभाषित किया गया है, जिसका अर्थ है कि यह माता-पिता और सहोदर सामग्री के साथ अपने संबंधों के आधार पर सामग्री को स्टाइल करने के लिए उपयोग किया जाता है।
आपके द्वारा सामना किए जाने वाले अधिकांश मामलों में, वेबपृष्ठ में तत्व :root
को संदर्भित करता है । एक HTML दस्तावेज़ में
html
तत्व हमेशा उच्चतम-स्तरीय माता-पिता होगा, इसलिए व्यवहार का :root
अनुमान लगाने योग्य है। हालांकि, चूंकि सीएसएस एक स्टाइलिंग भाषा है जिसे अन्य दस्तावेज़ प्रारूपों, जैसे एसवीजी और एक्सएमएल के साथ उपयोग किया जा सकता है, :root
छद्म वर्ग उन मामलों में विभिन्न तत्वों को संदर्भित कर सकता है। मार्कअप लैंग्वेज के बावजूद, :root
हमेशा डॉक्यूमेंट ट्री में डॉक्यूमेंट के टॉप-मोस्ट एलिमेंट का चयन करेगा।
नीचे दिए गए उदाहरण में, तत्व के :root
पीछे पृष्ठभूमि का रंग बनाने के लिए छद्म वर्ग चयनकर्ता का उपयोग किया जाता है । इस स्थिति में,
html
हमारे सीएसएस में तत्व चयनकर्ता का उपयोग करके उसी प्रभाव को प्राप्त किया जा सकता है ।
इस पेन को देखें!
ब्याज के अंक
- जबकि
:root
चयनकर्ता औरhtml
चयनकर्ता दोनों एक ही HTML तत्वों को लक्षित करते हैं, यह जानना उपयोगी हो सकता है कि:root
वास्तव में एक उच्च विशिष्टता है। छद्म श्रेणी के चयनकर्ता (लेकिन छद्म तत्व नहीं) एक वर्ग के बराबर एक विशिष्टता है, जो एक मूल तत्व चयनकर्ता से अधिक है।
ब्राउज़र का समर्थन
क्रोम | सफारी | फ़ायर्फ़ॉक्स | ओपेरा | अर्थात | एंड्रॉयड | आईओएस |
---|---|---|---|---|---|---|
हां | हां | हां | 9.5+ | IE9 + | हां | हां |