वर्ग बनाम आईडी
कैस्केडिंग स्टाइल शीट्स (सीएसएस) एक ऐसी भाषा है जो मार्कअप भाषा का उपयोग करके लिखे गए दस्तावेज़ के स्वरूप और स्वरूप का वर्णन करती है। HTML में लिखे गए वेब पेजों को स्टाइल करने के लिए CSS का व्यापक रूप से उपयोग किया जाता है। CSS HTML तत्वों के लिए शैलियों को लागू करने के अलावा आपके स्वयं के शैली चयनकर्ताओं को निर्दिष्ट करने की अनुमति देता है। यह आईडी और वर्ग चयनकर्ताओं का उपयोग करके किया जाता है। एकल अद्वितीय तत्व के लिए शैली निर्दिष्ट करते समय, आईडी चयनकर्ता का उपयोग किया जाता है। तत्वों के समूह के लिए शैली निर्दिष्ट करते समय, वर्ग चयनकर्ता का उपयोग किया जाता है।
कक्षा क्या है?
सीएसएस में, क्लास सिलेक्टर का उपयोग तत्वों के समूह पर अपनी शैली लागू करने के लिए किया जा सकता है।वर्ग चयनकर्ता का उपयोग समान वर्ग वाले तत्वों के समूह में विशिष्ट शैली को लागू करने के लिए किया जाता है। CSS में, एक वर्ग चयनकर्ता को पूर्ण विराम (.) द्वारा पहचाना जाता है। CSS में परिभाषित वर्ग चयनकर्ता का एक उदाहरण निम्नलिखित है।
.my_class {
रंग: नीला;
फ़ॉन्ट-वेट: बोल्ड;
}
HTML नीचे दिखाए गए अनुसार विशेषता वर्ग का उपयोग करके CSS में परिभाषित वर्ग को संदर्भित कर सकता है।
यह मेरा स्वरूपण है
यह मेरा फिर से स्वरूपण है
जैसा कि ऊपर दिखाया गया है, एक ही वर्ग का उपयोग कई तत्वों के लिए किया जा सकता है और एक ही तत्व कई वर्गों का उपयोग कर सकता है। जब एक ही तत्व में कई वर्गों का उपयोग किया जाता है, तो वर्गों को वर्ग विशेषता में सम्मिलित किया जाता है, जैसा कि नीचे दिखाया गया है।
दो वर्गों का उपयोग करके यह मेरा स्वरूपण है
आईडी क्या है?
सीएसएस में, आईडी चयनकर्ता का उपयोग आपकी अपनी शैली को एक अद्वितीय तत्व पर लागू करने के लिए किया जा सकता है। CSS में, एक ID चयनकर्ता की पहचान हैश () द्वारा की जाती है। सीएसएस में परिभाषित आईडी चयनकर्ता का एक उदाहरण निम्नलिखित है।
my_ID {
रंग: लाल;
पाठ्य-संरेखण:दाएं;
}
HTML नीचे दिखाए गए अनुसार विशेषता आईडी का उपयोग करके सीएसएस में परिभाषित आईडी चयनकर्ता को संदर्भित कर सकता है।
यह मेरा स्वरूपण प्रपत्र एक आईडी चयनकर्ता है
आईडी अद्वितीय हैं। इसलिए प्रत्येक तत्व में केवल एक ही आईडी हो सकती है और प्रत्येक पृष्ठ में उस विशिष्ट आईडी के साथ केवल एक ही तत्व हो सकता है। आईडी में एक महत्वपूर्ण विशेषता होती है जिसका उपयोग ब्राउज़र के साथ किया जा सकता है। यदि पृष्ठ URL में हैश मान है (उदा. https://myweb.commy_id) तो ब्राउज़र स्वचालित रूप से "my_id" आईडी वाले तत्व का पता लगाने का प्रयास करेगा और उस तत्व को प्रदर्शित करने के लिए वेब पृष्ठ को स्क्रॉल करेगा। यह एक कारण है कि पृष्ठ में उस विशिष्ट आईडी के साथ एक ही तत्व होना चाहिए, ताकि ब्राउज़र उस तत्व का पता लगा सके।
कक्षा और आईडी में क्या अंतर है?
भले ही क्लास चयनकर्ता और आईडी चयनकर्ता दोनों का उपयोग वेब पेज के तत्वों पर अपनी शैली लागू करने के लिए किया जा सकता है, लेकिन उनमें कुछ महत्वपूर्ण अंतर हैं।वर्ग चयनकर्ता का उपयोग तत्वों के समूह पर अपनी शैली लागू करने के लिए किया जा सकता है, जबकि आईडी चयनकर्ता का उपयोग किसी एकल, अद्वितीय तत्व पर शैली लागू करने के लिए किया जाता है। आईडी का उपयोग करते समय, प्रत्येक तत्व में केवल एक आईडी हो सकती है और प्रत्येक पृष्ठ में उस विशिष्ट आईडी के साथ केवल एक ही तत्व हो सकता है, लेकिन कक्षा का उपयोग कई तत्वों के लिए किया जा सकता है और एक तत्व एकाधिक कक्षाओं का उपयोग कर सकता है। इसके अलावा, उस आईडी के साथ तत्व को प्रदर्शित करने के लिए किसी पृष्ठ को स्वचालित रूप से स्क्रॉल करने के लिए आईडी का उपयोग किया जा सकता है, लेकिन वर्ग चयनकर्ता के साथ यह संभव नहीं है।
