Elementų pasirinkimas pagal unikalų id CSS

Kaip jau žinote, klasės yra skirtos priskirti jų elementų grupei. Be klasių, taip pat galima pasirinkti elementus pagal id, kuris yra unikalus elemento identifikatorius. Unikalumas reiškia tai, kad jei mūsų puslapyje jau yra elementas su tokiu id, tai kito elemento su tokiu pačiu id būti negali.

Unikalus identifikatorius nustatomas naudojant atributą id, kuriame rašome mūsų sugalvotą pavadinimą. Pavyzdžiui, sukurkime du blokus. Pirmajam nustatykime id reikšmę block1, o antrajam - reikšmę block2:

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

Norint kreiptis į elementą su nustatytu id, reikia parašyti simbolį # ir mūsų sugalvotą pavadinimą, štai taip:

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

Atributas id naudojamas tuo atveju, kai reikia pabrėžti elemento unikalumą. Klasės naudojamos tada, kai manoma, kad tokių elementų gali būti daug, net jei dabar jis yra vienas.

Pateikiamas toks kodas:

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

Nudažykite bloko elem1 turinį raudona spalva, bloko elem2 - žalia, o bloko elem3 - žydra.