CSS से डॉक्यूमेंट के रूट एलिमेंट को स्टाइल करें

:root सेलेक्टर का उपयोग

:root सेलेक्टर डॉक्यूमेंट के रूट एलिमेंट (HTML में <html>) को सिलेक्ट करता है। इसकी स्पेसिफिसिटी html टाइप सेलेक्टर से अधिक होती है। यह आमतौर पर CSS कस्टम प्रॉपर्टीज (CSS वेरिएबल्स) परिभाषित करने के लिए उपयोग किया जाता है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      :root {
        background: blue;
        color: white;
      }
    </style>
  </head>
  <body>
    <h1>Heading</h1>
    <p>This is demo text.</p>
  </body>
</html>

आधुनिक उपयोग: :root { --main-color: #333; --spacing: 1rem; } जैसे CSS वेरिएबल्स परिभाषित करने के लिए।