CSS-ում տարրի ընտրություն յուրահատուկ id-ով

Ինչպես արդեն գիտեք, դասերը նախատեսված են՝ դրանք տարրերի խմբին վերագրելու համար: Դասերից բացի, տարրերը կարելի է ընտրել նաև 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>