Zgjedhja e elementit sipas id unike në CSS

Siç e dini tashmë, klasat janë menduar t'u caktohen një grupi elementesh. Përveç klasave, mund të zgjedhim elementet edhe sipas id, i cili përfaqëson një identifikues unik të elementit. Në unike kuptohet se nëse në faqen tonë ekziston tashmë një element me atë id, atëherë një element tjetër me të njëjtin id nuk duhet të ekzistojë.

Identifikuesi unik caktohet duke përdorur atributin id, ku shkruhet emri i imagjinuar nga ne. Le të bëjmë, për shembull, dy blloqe. Të parit i caktojmë id me vlerën block1, kurse të dytit - me vlerën block2:

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

Për t'iu referuar një elementi me id të caktuar, duhet të shkruhet simboli # dhe emri i imagjinuar nga ne, kështu:

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

Atributi id përdoret në rastin kur është e nevojshme të theksohet unikezia e elementit. Klasat përdoren kur supozohet se mund të ketë shumë elemente të tillë, edhe nëse aktualisht është vetëm një.

Jepet kodi në vijim:

<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>

Ngjyrosni përmbajtjen e bllokut elem1 në ngjyrë të kuqe, bllokun elem2 - në të gjelbër, kurse bllokun elem3 - në të kaltër.