प्सूडो-क्लास कीवर्ड्स का उपयोग उस सिलेक्टर की विशेष स्थिति निर्दिष्ट करने के लिए किया जाता है जिसमें यह जोड़ा जाता है। इससे हमें अधिक नियंत्रण मिलता है और अब हम किसी सिलेक्टर को तब टार्गेट कर सकते हैं जब वह किसी विशिष्ट स्थिति में हो जैसे: hover, checked, visited आदि।
CSS में प्सूडो क्लासेज़ को दर्शाने वाला कोड निम्न है -
उदाहरण
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } a { font-size: 18px; font-weight: bold; } a:link { color: rgb(17, 0, 255); } a:visited { color: rgb(128, 0, 107); } a:hover { color: rgb(255, 105, 243); } a:active { color: rgb(255, 153, 0); } </style> </head> <body> <h1>Pseudo class example</h1> <a href="#">This is some sample link text</a> <h2>Hover , click on the above link to see the pseudo class in action</h2> </body> </html>आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
ऊपर दिए गए लिंक पर होवर करने पर -
लिंक पर क्लिक करने पर -
उसी पेज पर वापस जाने पर, लिंक की स्थिति visited में बदल जाती है।
