CSS में :visited छद्म वर्ग

छद्म वर्ग (Pseudo-class) किसी तत्व या CSS सेलेक्टर की विभिन्न अवस्थाओं को दिखाने के लिए उपयोग किया जाता है। :visited छद्म वर्ग दर्शाता है कि लिंक पहले देखा जा चुका है।

यह छद्म वर्ग मुख्य रूप से लिंक्स (<a>) से जुड़ा होता है।

सिंटैक्स

a:visited { color: green; }

उदाहरण

<html> 
  <head> 
    <style> 
      a:visited { color: green; } 
    </style> 
  </head> 
  <body> 
    <a href="https://www.tutorialspoint.com">सीखने के लिए यहां क्लिक करें</a> 
  </body> 
</html>

व्याख्या

जब आप पहली बार लिंक देखते हैं, तो यह सामान्य लिंक रंग (नीला) में दिखेगा और एक बार विज़िट करने के बाद हरा हो जाएगा।

उदाहरण: बॉर्डर जोड़ना

<html> 
  <head> 
    <style> 
      a { background-color: white; border: 1px solid white; } 
      a:visited { border: 1px solid yellow; } 
    </style> 
  </head> 
  <body> 
    <a href="https://www.tutorialspoint.com">सीखने के लिए यहां क्लिक करें</a> 
  </body> 
</html>

व्याख्या

इस उदाहरण में एक बार लिंक विज़िट होने पर उसमें 1px पीला बॉर्डर जुड़ जाएगा।

उदाहरण: पृष्ठभूमि रंग बदलना

<html> 
  <head> 
    <style> 
      a { background-color: white; } 
      a:visited { background-color: seagreen; } 
    </style> 
  </head> 
  <body> 
    <a href="https://www.tutorialspoint.com">सीखने के लिए यहां क्लिक करें</a> 
  </body> 
</html>

व्याख्या

जब आप लिंक को एक बार विज़िट करते हैं तो यह पृष्ठभूमि रंग को सीग्रीन में बदल देगा।

स्टाइलिंग प्रतिबंध

गोपनीयता और सुरक्षा कारणों से :visited छद्म वर्ग केवल सीमित CSS प्रॉपर्टीज़ के साथ काम करता है: color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, border-top-color, column-rule-color, outline-color, और SVG विशेषताएं fill और stroke।

ब्राउज़र संगतता