Избор елемента по јединственом id у CSS

Као што већ знате, класе су намењене да се додељују групи елемената. Поред класа, могуће је такође изабрати елементе по 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 - у плаву.