एकल तत्व पर एकाधिक CSS क्लासेस का उपयोग कैसे करें

यह पैराग्राफ का पाठ होगा

यह निम्नलिखित तीन वर्गों को पैराग्राफ टैग पर सेट करता है:

• पुलकोट
• विशेष रुप से प्रदर्शित
• बाएं

इन वर्ग मानों में से प्रत्येक के बीच रिक्त स्थान पर ध्यान दें। वे स्थान हैं जो उन्हें अलग, अलग-अलग वर्गों के रूप में स्थापित करते हैं। यही कारण है कि वर्ग नामों में रिक्त स्थान नहीं हो सकते क्योंकि ऐसा करने से वे अलग वर्ग के रूप में स्थापित हो जाएंगे।

एक बार जब आप अपने वर्ग के मूल्यों को एचटीएमएल, फिर आप इन्हें अपने सीएसएस में कक्षाओं के रूप में असाइन कर सकते हैं और उन शैलियों को लागू कर सकते हैं जिन्हें आप जोड़ना चाहते हैं। उदाहरण के लिए।

.पुलकोट {... }
विशेष रुप से प्रदर्शित {... }
पी.बाएं {... }

इन उदाहरणों में, CSS घोषणाएं और मान जोड़े घुंघराले ब्रेसिज़ के अंदर दिखाई देते हैं, इस प्रकार उन शैलियों को उपयुक्त चयनकर्ता पर लागू किया जाएगा।

एकाधिक वर्ग, शब्दार्थ, और जावास्क्रिप्ट

कई वर्गों का उपयोग करने का एक अन्य लाभ यह है कि यह अन्तरक्रियाशीलता की संभावनाओं को बढ़ाता है।

किसी भी प्रारंभिक वर्ग को हटाए बिना जावास्क्रिप्ट का उपयोग करके मौजूदा तत्वों पर नई कक्षाएं लागू करें। आप परिभाषित करने के लिए कक्षाओं का भी उपयोग कर सकते हैं एक तत्व का शब्दार्थ - उस तत्व का अर्थ शब्दार्थ क्या है, यह परिभाषित करने के लिए अतिरिक्त कक्षाएं जोड़ें। यह तरीका है कैसे माइक्रोफ़ॉर्मेट काम करता है।

एकाधिक वर्गों के लाभ

कई वर्गों को बिछाने से उस तत्व के लिए एक पूरी नई शैली बनाए बिना तत्वों पर विशेष प्रभाव जोड़ना आसान हो सकता है।

उदाहरण के लिए, तत्वों को बाईं या दाईं ओर तैरने के लिए, आप दो वर्ग लिख सकते हैं:

बाएं। 

तथा।

सही। 

विद जस्ट।

बाईंओर तैरना; 

तथा।

सही नाव; 

उनमे। फिर, जब भी आपके पास कोई तत्व होता है तो आपको बाईं ओर तैरने की आवश्यकता होती है, आप बस "बाएं" वर्ग को अपनी कक्षा सूची में जोड़ देंगे।

हालाँकि, यहाँ चलने के लिए एक अच्छी लाइन है। याद रखें कि वेब मानक शैली और संरचना के पृथक्करण को निर्धारित करते हैं। HTML का उपयोग करके संरचना को नियंत्रित किया जाता है जबकि शैली CSS में है। यदि आपका HTML दस्तावेज़ ऐसे तत्वों से भरा है, जिनमें सभी वर्ग के नाम "लाल" या "बाएं" हैं, जो ऐसे नाम हैं जो यह तय करें कि तत्वों को कैसा दिखना चाहिए, न कि वे क्या हैं, आप संरचना और शैली के बीच की रेखा को पार कर रहे हैं।

एकाधिक वर्गों के नुकसान

अपने तत्वों पर एक साथ कई कक्षाओं का उपयोग करने का सबसे बड़ा नुकसान यह है कि यह उन्हें समय के साथ देखने और प्रबंधित करने के लिए थोड़ा बोझिल बना सकता है। यह निर्धारित करना मुश्किल हो सकता है कि कौन सी शैलियाँ किसी तत्व को प्रभावित कर रही हैं और यदि कोई स्क्रिप्ट इसे प्रभावित करती है। आज उपलब्ध कई चौखटे, जैसे बूटस्ट्रैप, कई वर्गों वाले तत्वों का भारी उपयोग करते हैं। यदि आप सावधान नहीं हैं तो वह कोड हाथ से निकल सकता है और बहुत जल्दी काम करना मुश्किल हो सकता है।

जब आप कई वर्गों का उपयोग करते हैं, तो आप एक वर्ग के लिए शैली का जोखिम भी उठाते हैं जो दूसरे की शैली को ओवरराइड करता है। यह टकराव तब यह पता लगाना मुश्किल बना सकता है कि आपकी शैलियों को लागू क्यों नहीं किया जा रहा है, जबकि ऐसा प्रतीत होता है कि उन्हें करना चाहिए। विशिष्टता से अवगत रहें, यहां तक ​​कि उस एक तत्व पर लागू होने वाली विशेषताओं के साथ भी।

Google क्रोम में वेबमास्टर टूल जैसे टूल का उपयोग करके, आप अधिक आसानी से देख सकते हैं कि आपकी कक्षाएं आपकी शैलियों को कैसे प्रभावित कर रही हैं और परस्पर विरोधी शैलियों और विशेषताओं की इस समस्या से बचें।