लोड हो रहा है...

HTML क्लास

div के बाद साझा class स्टिकर स्टाइल हुक देते हैं।

साझा नाम क्यों बेहतर

स्टाइल सुसंगत रहते हैं।

सीधे उत्तर

class="note" लिखें, साझा करें, रिक्त स्थान से अलग करें। CSS में .note। attribute में # न डालें।

📊 class in HTML vs CSS

Place	What you write	Role
HTML attribute	class="note"	Labels the element (no leading dot)
CSS selector	.note	Selects elements that have that class
Multiple names	class="card featured"	Space-separated list in HTML
Same idea in CSS	.card.featured	Element that has both classes (advanced combining)

कई तत्वों पर साझा क्लास

दो पैराग्राफ class="note"।

Shared class

html

HTML Code

<p class="note">Save often.</p>
<p class="note">Use clear names.</p>
<style>
.note { color: #0b4; font-weight: 600; }
</style>

साझा उदाहरण पढ़ना

दोनों note
.note समूह चुनता है

एक तत्व पर कई क्लास

card और featured साथ।

Multiple classes on one element

html

HTML Code

<div class="card featured">
<h2>Featured tip</h2>
<p>Classes can combine on one box.</p>
</div>
<style>
.card { padding: 12px; border: 1px solid #444; }
.featured { border-color: #0a7; }
</style>

बहु-क्लास उदाहरण

दो टोकन
.card + .featured

नामकरण की आदतें

छोटे स्पष्ट नाम।

अभ्यास

दो tip
.tip स्टाइल
दूसरी क्लास
टाइपो ठीक करें

आसान गलतियाँ

class में #
कॉमा की जगह स्पेस नहीं
HTML में .note

सार

class = CSS/JS हुक
साझा और संयोजन
अगला: id

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓

प्रश्न

🎯

70%

पास करने के लिए

♾️

∞

समय

🔄

∞

प्रयास

📝 निर्देश

हर प्रश्न को ध्यान से पढ़ें
हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
आपकी प्रगति शीर्ष पर दिखाई जाएगी

भाषा