CSS में एक Pseudo Class का उपयोग किसी एलिमेंट की विशेष स्थिति को परिभाषित करने के लिए किया जाता है. इसे अपने States के आधार पर मौजूदा एलिमेंट में एक प्रभाव जोड़ने के लिए CSS Selector के साथ जोड़ा जा सकता है.
उदाहरण के लिए उपयोगकर्ता द्वारा उस पर Hovering समय या किसी लिंक पर जाने पर किसी एलिमेंट के स्टाइल को बदलना. इन सभी को CSS में Pseudo Classes का उपयोग करके किया जा सकता है.
<!DOCTYPE HTML>
<html>
<head>
<style>
div {
background-color: #7FFF00;
color: white;
padding: 25px;
text-align: center;
}
div:hover {
background-color: blue;
}
</style>
</head>
<body>
<p>Mouse over the div element below to change its background color:</p>
<div>Mouse Over Me</div>
</body>
</html>