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

CSS में छद्म वर्ग का दौरा किया

<घंटा/>

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

इस छद्म वर्ग को ज्यादातर लिंक से जोड़ा जा रहा है।

सिंटैक्स

a:विज़िट किया गया { color:green;}

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

उदाहरण

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

स्पष्टीकरण

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

उदाहरण

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

स्पष्टीकरण

इस उदाहरण में एक बार लिंक पर जाने के बाद इसमें लिंक में 1px पीले रंग का बॉर्डर शामिल होगा।

उदाहरण

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

स्पष्टीकरण

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

शैली प्रतिबंध

गोपनीयता और सुरक्षा कारणों से दौरा किया गया छद्म वर्ग सीएसएस गुणों के सीमित सेट जैसे रंग, पृष्ठभूमि-रंग, सीमा-रंग, सीमा-नीचे-रंग, सीमा-बाएं-रंग, सीमा-दाएं-रंग, सीमा-शीर्ष- के साथ काम कर सकता है। रंग, स्तंभ-नियम-रंग, रूपरेखा-रंग और SVG विशेषताएँ भरण और स्ट्रोक हैं।

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

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

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

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

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

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

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

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