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

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

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

:visited सेलेक्टर विज़िटेड लिंक्स को अलग स्टाइल देकर यूजर को नेविगेशन हिस्ट्री का विज़ुअल संकेत देता है।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      a:link, a:visited {
        background-color: white;
        color: black;
        border: 1px solid blue;
        padding: 30px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
      }
      a:hover, a:active {
        background-color: red;
        color: white;
      }
    </style>
  </head>
  <body>
    <a href="demo.html" target="_blank">Demo Link</a>
  </body>
</html>

यह ID 1005062690 के समान आलेख है।

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

  1. CSS में यूनिवर्सल सेलेक्टर CSS में यूनिवर्सल सेलेक्टर

    CSS * सेलेक्टर एक यूनिवर्सल सेलेक्टर है जिसका उपयोग HTML DOM के सभी एलिमेंट्स को चुनने के लिए किया जाता है। सिंटैक्स CSS यूनिवर्सल सेलेक्टर का सिंटैक्स निम्नानुसार है: * {    /*declarations*/ } निम्नलिखित उदाहरण CSS यूनिवर्सल सेलेक्टर को दर्शाते हैं: उदाहरण <!DOCTYPE html> <html&g