Izbor elementa po jedinstvenom id u CSS

Kao što već znate, klase su namenjene da se dodeljuju grupi elemenata. Pored klasa, takođe možemo birati elemente po id, koji predstavlja jedinstveni identifikator elementa. Pod jedinstvenošću se podrazumeva da ako na našoj stranici već postoji element sa takvim id, onda drugog elementa sa istim id ne bi trebalo da bude.

Jedinstveni identifikator se zadaje pomoću atributa id, u kojem se piše ime koje smo mi smislili. Hajde, na primer, napravimo dva bloka. Prvom dodelimo id sa vrednošću block1, a drugom - sa vrednošću block2:

<div id="block1">
	<p>tekst</p>
	<p>tekst</p>
</div>
<div id="block2">
	<p>tekst</p>
	<p>tekst</p>
</div>

Da bismo pristupili elementu sa zadatim id, potrebno je da napišemo simbol # i ime koje smo mi smislili, ovako:

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

Atribut id se koristi u slučaju kada je potrebno naglasiti jedinstvenost elementa. Klase se koriste onda kada se pretpostavlja da takvih elemenata može biti mnogo, čak i ako ga trenutno ima samo jedan.

Dat je sledeći kod:

<div id="elem1">
	<h2>Naslov</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div id="elem2">
	<h2>Naslov</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div id="elem3">
	<h2>Naslov</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>

Obojite sadržaj bloka elem1 u crvenu boju, bloka elem2 - u zelenu, a bloka elem3 - u plavu boju.