क्लास और आईडी के बीच का अंतर

क्लास बनाम आईडी

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

कक्षा क्या है?

सीएसएस में, कक्षा चयनकर्ता का उपयोग तत्वों के समूह में अपनी शैली को लागू करने के लिए किया जा सकता है। कक्षा चयनकर्ता का उपयोग उसी वर्ग के तत्वों के एक सेट में विशिष्ट शैली को लागू करने के लिए किया जाता है। सीएसएस में, एक क्लास चयनकर्ता को एक पूर्ण स्टॉप (।) द्वारा पहचाना जाता है निम्नलिखित सीएसएस में परिभाषित एक क्लास चयनकर्ता का एक उदाहरण है।

। my_class {

रंग: नीला;

फ़ॉन्ट-वजनः बोल्ड;

-2 ->

}

एचटीएमएल विशेषता वर्ग का उपयोग करके सीएसएस में परिभाषित कक्षा को उल्लेखित कर सकते हैं।

यह मेरा स्वरूपण है

यह मेरी स्वरूपण फिर से है

जैसा कि ऊपर दिखाया गया है, एक ही वर्ग का उपयोग कई तत्वों के लिए किया जा सकता है और एकल तत्व एकाधिक वर्गों का उपयोग कर सकता है जब एक ही तत्व में कई वर्गों का उपयोग किया जाता है, तो कक्षाएं कक्षा के गुण में डाली जाती हैं, जो कि बहेल के रूप में दिखाए गए स्थान से सीमांकित हैं।

यह दो वर्गों का उपयोग कर मेरा स्वरूपण है

एक आईडी क्या है?

सीएसएस में, आईडी चयनकर्ता का इस्तेमाल आपकी अपनी शैली को एक अनन्य तत्व में लागू करने के लिए किया जा सकता है। सीएसएस में, एक आईडी चयनकर्ता को एक हैश (#) द्वारा पहचाना जाता है। निम्नलिखित सीएसएस में परिभाषित आईडी चयनकर्ता का एक उदाहरण है।

#my_ID {

रंग: लाल;

टेक्स्ट-संरेखण: सही;

}

एचटीएमएल विशेषता आईडी का उपयोग करके सीएसएस में परिभाषित आईडी चयनकर्ता को संदर्भित कर सकते हैं जैसा कि दिखाया गया है।

यह मेरा स्वरूपण फ़ॉर्म है ID चयनकर्ता

आईडी अद्वितीय हैं इसलिए प्रत्येक तत्व में केवल एक आईडी हो सकती है और प्रत्येक पृष्ठ में उस विशिष्ट आईडी वाला केवल एक तत्व हो सकता है आईडी की एक महत्वपूर्ण विशेषता है जिसे ब्राउज़र के साथ प्रयोग किया जा सकता है यदि पृष्ठ यूआरएल में हैश मान होता है (उदाहरण के लिए // myweb। Com # my_id) तो ब्राउज़र स्वतः "आईआईडी" आईडी से तत्व का पता लगाने की कोशिश करेगा और वह तत्व प्रदर्शित करने के लिए वेब पेज को स्क्रॉल करेगा। यह एक कारण है कि पेज को उस विशिष्ट आईडी के साथ एक ही तत्व होना चाहिए, ताकि ब्राउज़र उस तत्व को खोज सके।

कक्षा और आईडी के बीच अंतर क्या है?

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