: जड़ - सीएसएस-ट्रिक्स

Anonim

:rootचयनकर्ता आप तत्व उच्चतम स्तर के "जनक" डोम में, या दस्तावेज़ पेड़ को लक्षित कर सकते। यह सीएसएस सिलेक्टर्स लेवल 3 कल्पना में "संरचनात्मक छद्म वर्ग" के रूप में परिभाषित किया गया है, जिसका अर्थ है कि यह माता-पिता और सहोदर सामग्री के साथ अपने संबंधों के आधार पर सामग्री को स्टाइल करने के लिए उपयोग किया जाता है।

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

नीचे दिए गए उदाहरण में, तत्व के :rootपीछे पृष्ठभूमि का रंग बनाने के लिए छद्म वर्ग चयनकर्ता का उपयोग किया जाता है । इस स्थिति में, htmlहमारे सीएसएस में तत्व चयनकर्ता का उपयोग करके उसी प्रभाव को प्राप्त किया जा सकता है ।

इस पेन को देखें!

ब्याज के अंक

  • जबकि :rootचयनकर्ता और htmlचयनकर्ता दोनों एक ही HTML तत्वों को लक्षित करते हैं, यह जानना उपयोगी हो सकता है कि :rootवास्तव में एक उच्च विशिष्टता है। छद्म श्रेणी के चयनकर्ता (लेकिन छद्म तत्व नहीं) एक वर्ग के बराबर एक विशिष्टता है, जो एक मूल तत्व चयनकर्ता से अधिक है।

ब्राउज़र का समर्थन

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
हां हां हां 9.5+ IE9 + हां हां