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

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