Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस में छद्म वर्ग क्या है

<घंटा/>

सीएसएस छद्म वर्ग विभिन्न तत्वों के विशेष राज्यों का प्रतिनिधित्व करते हैं, ये वर्ग न केवल दस्तावेज़ में मूल तत्वों को दर्शाते हैं बल्कि उनके बाहरी कारकों जैसे स्थिति, स्थिति, इतिहास इत्यादि को भी दर्शाते हैं। इन छद्म वर्गों का उपयोग करके डेवलपर उन तत्वों को भी स्टाइल कर सकते हैं जिन्हें सीधे चुना नहीं जा सकता है सीएसएस चयनकर्ता।

सिंटैक्स

एक तत्व पर CSS छद्म वर्गों का उपयोग करने का सिंटैक्स निम्नलिखित है -

चयनकर्ता:छद्म-वर्ग { css-property:/*value*/;}

उदाहरण

आइए CSS Pseudo Classes का उपयोग करने के लिए एक उदाहरण देखें -

CSS Pseudo Class
CSS Pseudo Class
न्यूनतम। पासवर्ड की ताकत:8
दोनों फ़ील्ड आवश्यक हैं

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जब प्रपत्र फ़ील्ड में अमान्य डेटा हो -

सीएसएस में छद्म वर्ग क्या है

जब प्रपत्र फ़ील्ड में मान्य डेटा हो -

सीएसएस में छद्म वर्ग क्या है

उदाहरण

आइए CSS छद्म वर्गों का एक और उदाहरण देखें -

CSS Pseudo Class
CSS Pseudo Class

आउटपुट

यह निम्नलिखित आउटपुट देगा -

किसी भी बटन को क्लिक करने से पहले -

सीएसएस में छद्म वर्ग क्या है

'टाइल' . क्लिक करने के बाद बटन -

सीएसएस में छद्म वर्ग क्या है

'अवतार' . क्लिक करने के बाद बटन -

सीएसएस में छद्म वर्ग क्या है


  1. सीएसएस में छद्म तत्व क्या है

    एक सीएसएस छद्म-तत्व मूल रूप से एक तत्व के विशिष्ट भागों जैसे कि प्रथम-अक्षर, पहली-पंक्ति, आदि के लिए एक चयनकर्ता है:बाद में और:छद्म तत्वों से पहले क्रमशः एक तत्व के बाद और पहले सम्मिलित करने के लिए उपयोग किया जा सकता है। सिंटैक्स एक तत्व पर CSS छद्म तत्वों का उपयोग करने के लिए सिंटैक्स निम्नलिखित ह

  1. सीएसएस में :nth-child छद्म वर्ग

    CSS :nth-child() छद्म वर्ग एक ऐसे तत्व का चयन करता है जो किसी अन्य तत्व का nth चाइल्ड तत्व है। सिंटैक्स निम्नलिखित वाक्य रचना है - :nth-child(){    /*declarations*/ } उदाहरण आइए CSS के लिए एक उदाहरण देखें :nth-child() छद्म वर्ग - <!DOCTYPE html> <html> <head> <title&

  1. सीएसएस में छद्म-वर्ग और छद्म-तत्व के बीच अंतर

    छद्म श्रेणी एक छद्म वर्ग एक चयनकर्ता की स्थिति का प्रतिनिधित्व करता है जैसे:होवर, सक्रिय, अंतिम-चाइल्ड, आदि। ये सिंगल कोलन (:) से शुरू होते हैं। CSS छद्म वर्ग का सिंटैक्स इस प्रकार है - :pseudo-class{ attribute: /*value*/ } छद्म तत्व इसी तरह, एक छद्म तत्व का उपयोग आभासी तत्वों जैसे ::के बाद, :