Pemilihan Elemen mengikut ID Unik dalam CSS

Seperti yang anda sudah tahu, kelas bertujuan untuk diberikan kepada sekumpulan elemen. Selain kelas, elemen juga boleh dipilih mengikut id, yang mewakili pengenal unik elemen. Keunikan difahami sebagai, jika halaman kita sudah mempunyai elemen dengan id tersebut, maka tidak sepatutnya ada elemen lain dengan id yang sama.

Pengenal unik ditetapkan menggunakan atribut id, di mana nama yang kita cipta ditulis. Sebagai contoh, mari kita buat dua blok. Untuk yang pertama, tetapkan id dengan nilai block1, dan untuk yang kedua - dengan nilai block2:

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

Untuk merujuk kepada elemen dengan id yang ditetapkan, perlu tulis simbol # dan nama yang kita cipta, seperti ini:

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

Atribut id digunakan dalam kes apabila perlu menekankan keunikan elemen. Kelas digunakan apabila dianggapkan bahawa mungkin terdapat banyak elemen sedemikian, walaupun sekarang hanya ada satu.

Diberi kod berikut:

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

Warnakan kandungan blok elem1 kepada warna merah, blok elem2 - kepada hijau, dan blok elem3 - kepada biru muda.