CSS :focus psuedo-class अपनी फ़ोकस स्थिति में एक तत्व का चयन करता है। यह तब होता है जब आप किसी तत्व पर क्लिक करते हैं या टैब बटन से उसका चयन करते हैं। :फोकस उस तत्व के नाम के बाद आता है जिसे आप चुनना चाहते हैं।
हो सकता है कि आप किसी तत्व पर शैली तभी लागू करना चाहें, जब उसका ध्यान वेब पेज पर हो। उदाहरण के लिए, जब कोई उपयोगकर्ता प्रपत्र फ़ील्ड पर क्लिक करता है, तो आप प्रपत्र फ़ील्ड पर बॉर्डर लागू करना चाह सकते हैं।
यहीं पर सीएसएस :फोकस स्यूडो-क्लास आता है। :फोकस स्यूडो-क्लास एक शैली लागू करता है जब कोई उपयोगकर्ता किसी तत्व पर क्लिक करता है या टैब का उपयोग करके तत्व का चयन करता है। कीबोर्ड बटन।
यह ट्यूटोरियल एक उदाहरण के साथ चर्चा करेगा, सीएसएस की मूल बातें:छद्म वर्ग पर ध्यान केंद्रित करें, और इसे अपने कोड में कैसे उपयोग करें। इस ट्यूटोरियल को पढ़ने के अंत तक, आप फ़ोकस वाले तत्वों पर शैलियों को लागू करने के लिए :focus छद्म-वर्ग का उपयोग करने में विशेषज्ञ होंगे।
सीएसएस छद्म-वर्ग
एक छद्म वर्ग एक सीएसएस चयनकर्ता में जोड़ा गया एक कीवर्ड है। छद्म वर्ग उस स्थिति को निर्दिष्ट करता है जिसमें किसी शैली को लागू करने के लिए एक तत्व प्रकट होना चाहिए। छद्म वर्ग एक चयनकर्ता के बाद जोड़े जाते हैं।
छद्म-वर्ग आपको एक विशेष स्थिति में तत्वों के लिए नियम निर्धारित करने देता है, जैसे कि जब आप किसी तत्व पर ध्यान केंद्रित करते हैं। इस ट्यूटोरियल के लिए, हम :फोकस स्यूडो-क्लास पर ध्यान केंद्रित करने जा रहे हैं।
CSS :फोकस स्यूडो-क्लास
सीएसएस:फोकस छद्म वर्ग एक तत्व पर शैलियों को लागू करता है जब तत्व वेब पेज पर फोकस प्राप्त करता है। यदि कोई उपयोगकर्ता किसी तत्व पर क्लिक करता है या उसे टैब . से चुनता है कुंजी, यह एक केंद्रित तत्व बन जाएगा।
:फोकस स्यूडो क्लास का सिंटैक्स है:
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
textarea:focus {
border: 1px solid blue;
} यह कोड वेब पेज पर किसी भी HTML