Бірегей id арқылы элементті таңдау CSS-те

Сіз білетіндей, классдар элементтер тобына тағайындау үшін қолданылады. Классдардан басқа, элементтерді олардың бірегей идентификаторы болып табылатын id арқылы да таңдауға болады. Бірегейдік дегеніміз, егер бізде бетте қазірдің өзінде осындай id бар элемент болса, онда сол id бар басқа элемент болмауы керек дегенді білдіреді.

Бірегей идентификатор id атрибуты арқылы белгіленеді, онда біз ойлап тапқан атау жазылады. Мысалы, екі блок жасайық. Біріншісіне id мәні ретінде block1 беріп, ал екіншісіне - block2 мәнін берейік:

<div id="block1">
	<p>мәтін</p>
	<p>мәтін</p>
</div>
<div id="block2">
	<p>мәтін</p>
	<p>мәтін</p>
</div>

Берілген id бар элементке жету үшін # символын және біз ойлап тапқан атауды жазу керек, мына түрде:

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

id атрибуты элементтің бірегейлігін атап көрсету қажет болған жағдайда қолданылады. Классдар болса, мұндай элементтер көп болуы мүмкін деп болжанғанда қолданылады, тіпті қазір ол бір болса да.

Мына код берілген:

<div id="elem1">
	<h2>Тақырып</h2>
	<p>
		мәтін
	</p>
	<p>
		мәтін
	</p>
</div>
<div id="elem2">
	<h2>Тақырып</h2>
	<p>
		мәтін
	</p>
	<p>
		мәтін
	</p>
</div>
<div id="elem3">
	<h2>Тақырып</h2>
	<p>
		мәтін
	</p>
	<p>
		мәтін
	</p>
</div>

elem1 блогының мазмұнын қызыл түске, elem2 блогының мазмұнын жасыл түске, ал elem3 блогының мазмұнын көк түске бояңыз.