Баргирифтани унсури ягона тавассути id дар CSS

Чунонки шумо аллакай медонед, синфҳо барои он муайян карда шудаанд, ки ба як гурӯҳи унсурҳо таъин карда шаванд. Ғайр аз синфҳо, инчунин метавон унсурҳоро тавассути id баргирифт, ки онҳо идентификатори ягонаи унсур мебошанд. Дар маънои ягонагӣ ин аст, ки агар дар саҳифаи мо аллакай унсуре бо чунин id вуҷуд дошта бошад, пас унсури дигаре бо ҳамон id набояд вуҷуд дошта бошад.

Идентификатори ягона тавассути атрибути id муайян карда мешавад, ки дар он номи ихтироъкардаи мо навишта мешавад. Биёед, масалан, ду блок созем. Ба якум id бо арзиши block1 таъин кунем, ва ба дуюм - бо арзиши block2:

<div id="block1">
	<p>матн</p>
	<p>матн</p>
</div>
<div id="block2">
	<p>матн</p>
	<p>матн</p>
</div>

Барои муроҷиат ба унсуре бо id-и муайяншуда, бояд аломати # ва номи ихтироъкардаи моро навист, чунон:

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

Атрибути id дар он ҳолат истифода мешавад, ки зарур аст ягонагии унсур таъкид карда шавад. Синфҳо дар он ҳолат истифода мешаванд, ки пешбинӣ мешавад, ки чунин унсурҳо бисёр бошанд, ҳатто агар ҳоло фақат якто бошад.

Ин рамз дода шудааст:

<div id="elem1">
	<h2>Сарлавҳа</h2>
	<p>
		матн
	</p>
	<p>
		матн
	</p>
</div>
<div id="elem2">
	<h2>Сарлавҳа</h2>
	<p>
		матн
	</p>
	<p>
		матн
	</p>
</div>
<div id="elem3">
	<h2>Сарлавҳа</h2>
	<p>
		матн
	</p>
	<p>
		матн
	</p>
</div>

Мундариҷаи блоки elem1-ро ба ранги сурх, блоки elem2 - ба сабз, ва блоки elem3 - ба ранги кабуд ранг кунед.