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

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

:required सेलेक्टर का उद्देश्य

:required सेलेक्टर अनिवार्य फॉर्म फील्ड्स को स्टाइल करके यूजर को आवश्यक फील्ड्स की पहचान कराने में मदद करता है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      input:required {
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <form>
      Subject: <input type="text" name="subject" value="C++"><br>
      Student: <input type="text" name="student" value="Amit" required><br>
    </form>
  </body>
</html>

यह ID 1005062679 के समान आलेख है (मूल कोड में HTML एंटिटी एन्कोडिंग त्रुटि: &amp;lt;input&amp;gt;)।

  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 पैराग्राफ)