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

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

<घंटा/>

यदि हम किसी केंद्रित तत्व के पैरेंट को स्टाइल करना चाहते हैं, तो हम CSS का उपयोग करते हैं:फोकस-इन स्यूडो-क्लास।

निम्नलिखित उदाहरण सीएसएस को स्पष्ट करते हैं:फोकस-भीतर छद्म वर्ग।

उदाहरण

<शैली>फॉर्म { मार्जिन:2%; गद्दी:2%; प्रदर्शन:फ्लेक्स; फ्लेक्स-दिशा:स्तंभ; पृष्ठभूमि:थीस्ल;}इनपुट {मार्जिन:2%;}फ़ॉर्म:फोकस-भीतर {पृष्ठभूमि-रंग:बरलीवुड; बॉक्स-शैडो:0 0 12px rgba(0,0,0,0.6)}इनपुट:फोकस { बॉक्स-शैडो:0 0 12px rgba(0,0,0,0.6)}<फॉर्म> <इनपुट प्रकार ="टेक्स्ट" प्लेसहोल्डर ="नाम"/> 
आउटपुट
 

 यह निम्नलिखित परिणाम देगा -
 

 सीएसएस:फोकस-सूडो क्लास के भीतर 
 
उदाहरण
 
 
आउटपुट
 

 यह निम्नलिखित परिणाम देगा -
 

 सीएसएस:फोकस-सूडो क्लास के भीतर
  1. सीएसएस में आमतौर पर इस्तेमाल किए जाने वाले छद्म वर्ग

    आमतौर पर इस्तेमाल किए जाने वाले कुछ छद्म वर्ग निम्नलिखित हैं Value विवरण :link इस वर्ग का उपयोग किसी अनजान लिंक में विशेष शैली जोड़ने के लिए करें। :vised विज़िट किए गए लिंक में विशेष शैली जोड़ने के लिए इस वर्ग का उपयोग करें। :hover किसी तत्व पर माउस ले जाने पर उसमें विशेष शैली जोड़

  1. CSS शब्द-विराम गुण

    वर्ड-ब्रेक प्रॉपर्टी का इस्तेमाल लाइन को तोड़ने के लिए किया जाता है। उदाहरण निम्नलिखित कोड वर्ड ब्रेकिंग का नमूना कोड दिखाता है: <html>    <head>       <style>          p.text1 {             width: 140

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

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