सीएसएस में अद्वितीय आईडी द्वारा एलिमेंट चयन

जैसा कि आप पहले से ही जानते हैं, क्लासेस का उद्देश्य, उन्हें एलिमेंट्स के समूह को असाइन करना होता है। क्लासेस के अलावा, एलिमेंट्स को उनके id के आधार पर भी चुना जा सकता है, जो एलिमेंट का एक अद्वितीय पहचानकर्ता होता है। अद्वितीयता से तात्पर्य यह है कि यदि पेज पर पहले से ही एक एलिमेंट उस id के साथ मौजूद है, तो उसी id वाला कोई दूसरा एलिमेंट नहीं होना चाहिए।

अद्वितीय पहचानकर्ता id एट्रीब्यूट का उपयोग करके सेट किया जाता है, जिसमें हमारे द्वारा सोचा गया नाम लिखा जाता है। आइए, उदाहरण के लिए, दो ब्लॉक बनाते हैं। पहले को id का मान block1 दें, और दूसरे को - block2 का मान दें:

<div id="block1">
	<p>text</p>
	<p>text</p>
</div>
<div id="block2">
	<p>text</p>
	<p>text</p>
</div>

दिए गए id वाले एलिमेंट को टारगेट करने के लिए, # सिंबल और हमारे द्वारा सोचा गया नाम लिखना होगा, इस तरह:

#block1 {
	color: red;
}
#block2 {
	color: green;
}

id एट्रीब्यूट का उपयोग तब किया जाता है, जब एलिमेंट की विशिष्टता पर जोर देना आवश्यक हो। क्लासेस का उपयोग तब किया जाता है जब यह माना जाता है कि ऐसे कई एलिमेंट हो सकते हैं, भले ही अभी वह एक ही हो।

निम्नलिखित कोड दिया गया है:

<div id="elem1">
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div id="elem2">
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div id="elem3">
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

ब्लॉक elem1 की सामग्री को लाल रंग में, ब्लॉक elem2 की सामग्री को हरे रंग में, और ब्लॉक elem3 की सामग्री को हल्के नीले रंग में रंगें।