छद्म-वर्ग कीवर्ड का उपयोग चयनकर्ता की एक विशेष स्थिति को निर्दिष्ट करने के लिए किया जाता है जिसमें इसे जोड़ा जाता है। यह हमें अधिक नियंत्रण देता है और अब हम एक चयनकर्ता को लक्षित कर सकते हैं जब वह विशिष्ट स्थिति में हो जैसे:होवर, चेक किया गया, देखा गया आदि।
सीएसएस में छद्म वर्गों को प्रदर्शित करने वाला कोड निम्नलिखित है -
उदाहरण
<!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> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
लिंक के ऊपर मंडराने पर -
लिंक पर क्लिक करने पर -
फिर से उसी पृष्ठ पर वापस जाने पर, लिंक की स्थिति विज़िट की गई स्थिति में बदल जाती है।
