Выбар элемента па ўнікальному 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 - у блакітны.