यह लेखन आपको सीएसएस में सामग्री बदलने के बारे में मार्गदर्शन करेगा।
CSS में कंटेंट कैसे बदलें?
CSS में सामग्री को बदलने के लिए, हम निम्नलिखित विधियों का उपयोग करेंगे:
आइए प्रत्येक विधि को एक-एक करके देखें!
विधि 1: उपयोग करें :: सामग्री के साथ चयनकर्ता के बाद सीएसएस में सामग्री बदलने के लिए संपत्ति
' ::बाद में 'चयनकर्ता निर्दिष्ट सामग्री को CSS का उपयोग करके HTML तत्व के बाद रखता है' विषय ' संपत्ति। यह ऑपरेशन सामग्री को चयनित तत्व में जोड़ने में मदद करता है। इसके अतिरिक्त, ' दिखाना संपत्ति का उपयोग मौजूदा सामग्री को छिपाने के लिए किया जा सकता है।
आइए नीचे दिए गए उदाहरण पर एक नज़र डालते हैं कि :: के बाद चयनकर्ता का उपयोग करके सीएसएस में सामग्री को कैसे बदला जाए।
उदाहरण
यहाँ टेक्स्ट के साथ हमारा HTML पेज है ' शुभ प्रभात!!! ' आइए अतिरिक्त सामग्री को बदलें:
वर्तमान में, हमने एक ' “हमारी HTML फ़ाइल के मुख्य भाग में टेक्स्ट के साथ टैग करें:
< पी > शुभ प्रभात!!! < / पी >हमारी सीएसएस फ़ाइल में, अब हम :: के बाद चयनकर्ता का उपयोग “के रूप में करेंगे” शरीर :: के बाद 'और' का उपयोग करें विषय 'मूल्य के साथ संपत्ति' नमस्ते 'इसकी परिभाषा के अंदर। परिणामस्वरूप, CSS चयनकर्ता टेक्स्ट को लिखित टेक्स्ट के ठीक बाद में रखेगा। अंत में, 'का उपयोग करके मौजूदा टेक्स्ट को छुपाएं' दिखाना 'संपत्ति और इसके मूल्य को' पर सेट करें कोई भी नहीं ':
< शैली >शरीर :: के बाद {
विषय : 'नमस्ते' ;
}
पी {
कुछ भी डिस्प्ले मत करो;
}
< / शैली >
अब, अपनी HTML फ़ाइल को सहेजें और इसे ब्राउज़र पर खोलें या उपयोग करें 'लाइव सर्वर 'उसी उद्देश्य के लिए:
जैसा कि आप देख सकते हैं, सीएसएस चयनकर्ता के बाद :: का उपयोग करके सामग्री को सफलतापूर्वक बदल दिया गया है:
विधि 2: सामग्री के साथ चयनकर्ता से पहले :: सीएसएस में सामग्री को बदलने के लिए संपत्ति का उपयोग करें
सीएसएस में, ' ::इससे पहले 'चयनकर्ता का उपयोग किसी तत्व की मौजूदा सामग्री के ठीक पहले सामग्री को प्रदर्शित करने के लिए किया जाता है। इसका उपयोग 'के साथ संयोजन में किया जा सकता है' विषय 'संपत्ति चयनित तत्व में नई सामग्री जोड़ने के लिए।
उदाहरण
शरीर के ठीक बाद चयनकर्ता से पहले :: निर्दिष्ट करें ' शरीर :: इससे पहले ' यह नई सामग्री को मौजूदा सामग्री से पहले रखेगा। ध्यान दें कि अन्य सभी गुण पिछले उदाहरण की तरह ही रहते हैं:
< शैली >शरीर :: इससे पहले {
विषय : 'नमस्ते' ;
}
पी {
कुछ भी डिस्प्ले मत करो;
}
< / शैली >
उत्पादन
हमने सीएसएस में सामग्री को बदलने के लिए विभिन्न तरीकों की व्याख्या की है।
निष्कर्ष
सामग्री बदलने के लिए, ' ::बाद में ' तथा ' ::इससे पहले 'सीएसएस चयनकर्ताओं का उपयोग' के साथ किया जाता है विषय ' संपत्ति। पहले दृष्टिकोण में, चयनित तत्व के बाद निर्दिष्ट पाठ जोड़ा जाता है, जबकि दूसरा सीएसएस चयनकर्ता इसके विपरीत काम करता है। इसके अलावा, ' दिखाना संपत्ति का उपयोग किसी तत्व की मौजूदा सामग्री को छिपाने के लिए किया जा सकता है। इस तरह से CSS में कंटेंट को पूरी तरह से बदल दिया जाता है। हमने CSS में सामग्री को बदलने के दो तरीकों को कवर किया है।