Избор на елемент по уникален 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 - во сина.