सीएसएस छद्म वर्ग विभिन्न तत्वों के विशेष राज्यों का प्रतिनिधित्व करते हैं, ये वर्ग न केवल दस्तावेज़ में मूल तत्वों को दर्शाते हैं बल्कि उनके बाहरी कारकों जैसे स्थिति, स्थिति, इतिहास इत्यादि को भी दर्शाते हैं। इन छद्म वर्गों का उपयोग करके डेवलपर उन तत्वों को भी स्टाइल कर सकते हैं जिन्हें सीधे चुना नहीं जा सकता है सीएसएस चयनकर्ता।
सिंटैक्स
एक तत्व पर CSS छद्म वर्गों का उपयोग करने का सिंटैक्स निम्नलिखित है -
चयनकर्ता:छद्म-वर्ग { css-property:/*value*/;}
उदाहरण
आइए CSS Pseudo Classes का उपयोग करने के लिए एक उदाहरण देखें -
CSS Pseudo Class
आउटपुट
यह निम्नलिखित आउटपुट देगा -
जब प्रपत्र फ़ील्ड में अमान्य डेटा हो -
जब प्रपत्र फ़ील्ड में मान्य डेटा हो -
उदाहरण
आइए CSS छद्म वर्गों का एक और उदाहरण देखें -
पूर्व>CSS Pseudo Class
आउटपुट
यह निम्नलिखित आउटपुट देगा -
किसी भी बटन को क्लिक करने से पहले -
'टाइल' . क्लिक करने के बाद बटन -
'अवतार' . क्लिक करने के बाद बटन -