Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS :lang सेलेक्टर की भूमिका

:lang() सेलेक्टर का उपयोग

:lang(language-code) सेलेक्टर उन एलिमेंट्स को सिलेक्ट करता है जिनकी भाषा निर्दिष्ट भाषा कोड से मेल खाती है (HTML lang एट्रिब्यूट या HTTP हेडर के आधार पर)।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      p:lang(fr) {
        background: green; /* टाइपो: greeb → green */
      }
    </style>
  </head>
  <body>
    <p>This is my country</p>
    <p lang="fr">C'est mon pays</p>
    <p>French is the language of France</p>
  </body>
</html>

नोट: मूल कोड में background: greeb टाइपो है; सही green है। भाषा कोड ISO 639-1 मानक के अनुसार होते हैं (जैसे en, fr, hi, zh)।

  1. - CSS :focus सेलेक्टर की भूमिका

    CSS :focus सेलेक्टर का उपयोग :focus सेलेक्टर का उपयोग उस एलिमेंट को स्टाइल करने के लिए किया जाता है जिस पर वर्तमान में फोकस है। यह मुख्य रूप से फॉर्म एलिमेंट्स (जैसे <input>, <textarea>, <select>) और लिंक्स (<a>) पर लागू होता है जब वे कीबोर्ड नेविगेशन या माउस क्लिक के माध्यम

  1. - CSS :nth-last-of-type(n) सेलेक्टर की भूमिका

    :nth-last-of-type(n) सेलेक्टर का उपयोग :nth-last-of-type(n) सेलेक्टर का उपयोग पैरेंट एलिमेंट के अंदर अंतिम बच्चे से गिनती करके nth टाइप के एलिमेंट को सिलेक्ट करने के लिए किया जाता है। उदाहरण नीचे दिए गए उदाहरण में, पैरेंट के अंदर अंतिम से दूसरा <p> एलिमेंट (यानी 5 पैराग्राफ में से 4th) को स्ट

  1. CSS :nth-last-child(n) सेलेक्टर की भूमिका CSS :nth-last-child(n) सेलेक्टर की भूमिका

    :nth-last-child(n) सेलेक्टर का उपयोग :nth-last-child(n) सेलेक्टर पैरेंट के अंतिम चाइल्ड से गिनती करके nth चाइल्ड को सिलेक्ट करता है, चाहे उसका टाइप कुछ भी हो। यह :nth-last-of-type से अलग है जो केवल उसी टाइप के एलिमेंट्स गिनता है। उदाहरण यहां 6 पैराग्राफ हैं, और 4th लास्ट चाइल्ड (यानी 3rd पैराग्राफ)