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

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

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

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

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

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

html<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>