का उपयोग करने के उदाहरण के साथ समझाएं मैं आईडी और कक्षाओं का उपयोग कहां कर सकता हूं? उनके बीच क्या अंतर है? क्या हमें कोई आवश्यकता है कि हमें अनिवार्य रूप से हमारे सीएसएस में आईडी का उपयोग करना चाहिए?सीएसएस में कक्षाओं और आईडी के बीच क्या अंतर है?
आईडी अद्वितीय होने के लिए हैं, जबकि कक्षाएं "प्रकार" तत्व के लिए बेहतर हैं। क्योंकि आप शायद ही अपनी साइट पर 1 मुख्य मेनू होगा
<ul id="menu">
....
</ul>
:
तो तुम जैसे कुछ हो सकता है।
<span class='author'>Paolo Bergantino</span>
या शायद div कि इस साइट पर एक जवाब होता है शैली:
वर्गों के लिए, तथापि, आप की तरह कुछ हो सकता है
<div class='answer'>....</div>
क्योंकि वहाँ इनमें से कई हो जाएगा प्रति पृष्ठ, वे तत्वों की एक वर्ग हैं। किसी तत्व के सामाजिक सुरक्षा संख्या के रूप में आईडी के बारे में सोचें। जब भी कोई तत्व पर्याप्त महत्वपूर्ण होता है और अद्वितीय होता है, तो आप इसे एक आईडी देते हैं। यह गतिशील वेबसाइटों के साथ भी मदद करता है क्योंकि आईडी द्वारा तत्वों का चयन करना सबसे तेज़ तरीका है, और यदि आपके पास एक ही आईडी के साथ कई तत्व हैं (इस प्रकार इस अभ्यास का उल्लंघन करते हैं) जावास्क्रिप्ट इरादे के अनुसार काम नहीं करेगा।
:
आईडी विशेषता एक HTML तत्व के लिए एक विशिष्ट आईडी निर्दिष्ट करता है।
आईडी एचटीएमएल दस्तावेज़ के भीतर अद्वितीय होना चाहिए।
आईडी गुण एक जावास्क्रिप्ट (एचटीएमएल डोम के माध्यम से) द्वारा या सीएसएस द्वारा इस्तेमाल किया जा सकता परिवर्तन या शैली निर्दिष्ट आईडी के साथ तत्व बनाने के लिए।
और
वर्ग विशेषता तत्व के लिए एक classname निर्दिष्ट करता है।
क्लास विशेषता का उपयोग ज्यादातर स्टाइल शीट में कक्षा में बिंदु पर किया जाता है। हालांकि, निर्दिष्ट कक्षा के साथ HTML तत्वों में परिवर्तन करने के लिए इसे जावास्क्रिप्ट (HTML DOM के माध्यम से) द्वारा भी उपयोग किया जा सकता है। आधार, सिर, एचटीएमएल, मेटा, परम, स्क्रिप्ट, शैली, और शीर्षक:
वर्ग विशेषता में निम्नलिखित HTML तत्वों का उपयोग नहीं किया जा सकता है।
एकाधिक HTMLकक्षाओं को एक HTML तत्व में असाइन करना संभव है, उदा। । यह आपको एक HTML तत्व के लिए कई सीएसएस कक्षाओं को गठबंधन करने की अनुमति देता है।
एक आईडी एक विशिष्ट तत्व को संदर्भित करती है (प्रत्येक आईडी को कभी भी एक से अधिक बार उपयोग नहीं किया जाना चाहिए); एक वर्ग कई तत्वों को संदर्भित करता है।
जबकि आप सब कुछ के लिए कक्षाओं का उपयोग कर सकते हैं, "कक्षाएं जो केवल एक बार होती हैं" (यानी आईडी) और "नियमित कक्षाएं" के बीच अलगाव आपके लिए अपने सीएसएस को सार्थक रखने के लिए काफी उपयोगी है।
.menu { ... } /* Err, how many of those did I have? */
#menu { ... } /* Ahh, THE menu. */
एक आईडी बिल्कुल एक DOM तत्व की पहचान करता है, विशिष्ट रूप से। एक वर्ग संबंधित डीओएम तत्वों के समूह की पहचान करता है।
उदाहरण के लिए, आप एक ही, अद्वितीय एनएवी मेनू, एक आईडी से पहचान हो सकता है:
<div id="nav">...</div>
और यह के भीतर मेनू सेट, जिनमें से प्रत्येक का एक नंबर भी विशिष्ट रूप से पहचाना जाता है और जो के अंतर्गत आता है एक आम वर्ग:
<div id="nav">
<ul id="content_menu" class="menu">...</ul>
<ul id="contact_menu" class="menu">...</ul>
<ul id="personal_menu" class="menu">...</ul>
</div>
लघु और सरल:
वर्ग की जरूरत के रूप में (और एक अवधि के द्वारा परिभाषित कर रहे हैं) कई बार के रूप में इस्तेमाल किया जा सकता है। आईडी केवल एक तत्व पर उपयोग किया जा सकता है (और एक पाउंड द्वारा परिभाषित किया जाता है)।
<style>
.class {
font-size: 3em;
}
#id {
font-size: 3em;
}
</style>
<body>
<span class="class">I am a class</span>
<span class="class">Look at me, also a class</span>
<span id="id">I am special, you can only have one of me or I do not meet XHTML standards</span>
gud उदाहरण के लिए, अच्छा और धन्यवाद – Rajasekar
संभावित डुप्लिकेट, http://stackoverflow.com/q/544010/425313 –