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

:सीएसएस में सक्रिय छद्म वर्ग

<घंटा/>

छद्म वर्ग एक तत्व या एक सीएसएस चयनकर्ता की अलग-अलग स्थिति दिखाना है। सक्रिय छद्म वर्ग यह दिखाना है कि तत्व सक्रिय अवस्था में है।

यह छद्म वर्ग ज्यादातर लिंक और बटन या किसी अन्य तत्व से जुड़ा हुआ है जो सक्रिय हो सकता है।

उदाहरण के लिए यदि यह लिंक से जुड़ा है तो लिंक सक्रिय है।

सिंटैक्स

a:active { color:green;}

आइए :सक्रिय छद्म वर्ग . के वास्तविक उपयोग की जांच करें विभिन्न परिदृश्यों के साथ, इस प्रकार है -

उदाहरण

  यहां क्लिक करें सीखने के लिए

स्पष्टीकरण

जब आप पहली बार लिंक देखेंगे तो यह सामान्य लिंक रंग (नीला) के साथ दिखाया जाएगा और यदि यह लिंक एक बार देखा गया है तो लिंक हरा हो जाएगा।

उदाहरण

   जानने के लिए यहां क्लिक करें

स्पष्टीकरण

जब आप लिंक पर क्लिक करेंगे तो यह लिंक के फ़ॉन्ट आकार को 20px में बदल देगा।

उदाहरण

 
इस विंडो में कहीं भी क्लिक करें

स्पष्टीकरण

जब आप स्क्रीन पर कहीं भी क्लिक करते हैं तो पृष्ठभूमि का रंग सीग्रीन में बदल जाएगा।

उदाहरण

   

स्पष्टीकरण

जब आप बटन पर क्लिक करेंगे तो बटन टेक्स्ट का फ़ॉन्ट-रंग लाल हो जाएगा।

ब्राउज़र संगतता

क्रोम फ़ायरफ़ॉक्स किनारे आईई सफारी ओपेरा
1 1 हां 4 1 5

  1. सीएसएस छद्म तत्व

    हम किसी तत्व के विशिष्ट भागों को स्टाइल कर सकते हैं जैसे कि प्रथम-अक्षर, पहली-पंक्ति या उसके पहले/बाद में भी सम्मिलित करें। इन उद्देश्यों के लिए CSS Pseudo Elements का उपयोग किया जाता है। नोट - CSS3 में, छद्म तत्वों से CSS Pseudo Classes को अलग करने के लिए, छद्म तत्व डबल-कोलन संकेतन का उपयोग करते ह

  1. CSS में मानक लिंक शैलियाँ

    हम अपनी आवश्यकताओं के अनुसार लिंक को स्टाइल कर सकते हैं। यह अनुशंसा की जाती है कि लिंक में ऐसी शैलियाँ हों जो उन्हें सामान्य पाठ से अलग करती हैं। विभिन्न लिंक राज्यों के लिए डिफ़ॉल्ट लिंक शैलियाँ इस प्रकार हैं - लिंक स्टेट रंग सक्रिय #EE0000 फोकस करें #5E9ED6 या विंडोज और मैक के मामले में नीले रं

  1. सीएसएस:फोकस-सूडो क्लास के भीतर

    यदि हम किसी केंद्रित तत्व के पैरेंट को स्टाइल करना चाहते हैं, तो हम CSS का उपयोग करते हैं:फोकस-इन स्यूडो-क्लास। निम्नलिखित उदाहरण सीएसएस को स्पष्ट करते हैं:फोकस-भीतर छद्म वर्ग। उदाहरण फॉर्म { मार्जिन:2%; गद्दी:2%; प्रदर्शन:फ्लेक्स; फ्लेक्स-दिशा:स्तंभ; पृष्ठभूमि:थीस्ल;}इनपुट {मार्जिन:2%;}फ़ॉर्म:फोकस