Kuchagua Kipengee kwa Id Anuwai katika CSS

Kama unavyojua tayari, madarasa yanalengwa, kuyakabidhi kwa kikundi cha vipengee. Mbali na madarasa, pia inawezekana kuchagua vipengee kwa id, inayowakilisha kitambulisho cha kipekee cha kipengee. Kipekee inamaanisha kuwa ikiwa kwenye ukurasa wetu tayari kuna kipengee chenye id hiyo, basi kipengee kingine chenye id ile ile haipaswi kuwekwa.

Kitambulisho cha kipekee huwekwa kwa kutumia kipengele id, ambacho huandikwa jina tulilobuni. Wacha, kwa mfano, tufanye vipande viwili. Kwa cha kwanza tuweke id thamani block1, na kwa cha pili - thamani block2:

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

Ilkuongea na kipengee chenye id iliyowekwa, inahitajika kuandika ishara # na jina tulilobuni, kama hivi:

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

Kipengele id kinatumika katika kesi inapohitajika kusisitua upekee wa kipengee. Madarasa yanatumika wakati inapodhaniwa kuwa vipengee kama hivyo vinaweza kuwa vingi, hata kama kimoja tu kipo sasa.

Imebainishwa msimbo ufuatao:

<div id="elem1">
	<h2>Kichwa</h2>
	<p>
		nakala
	</p>
	<p>
		nakala
	</p>
</div>
<div id="elem2">
	<h2>Kichwa</h2>
	<p>
		nakala
	</p>
	<p>
		nakala
	</p>
</div>
<div id="elem3">
	<h2>Kichwa</h2>
	<p>
		nakala
	</p>
	<p>
		nakala
	</p>
</div>

Rangi yaliyomo kwenye kipande elem1 rangi nyekundu, kipande elem2 - rangi ya kijani, na kipande elem3 - rangi ya samawati.