Valg af element efter unikt id i CSS

Som du allerede ved, er klasser designet til at tildele dem til en gruppe af elementer. Ud over klasser kan du også vælge elementer efter id, som repræsenterer en unik identifikator for elementet. Unikhed betyder, at hvis vi allerede har et element med et sådant id på siden, så skal der ikke være et andet element med det samme id.

Den unikke identifikator angives ved hjælp af attributten id, hvor vi skriver et navn vi har fundet på. Lad os for eksempel lave to blokke. Lad os give den første en id med værdien block1, og den anden - med værdien block2:

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

For at henvise til et element med en given id, skal du skrive symbolet # og det navn vi har fundet på, sådan her:

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

Attributten id bruges i det tilfælde, hvor det er nødvendigt at understrege elementets unikhed. Klasser bruges, når det forventes, at der kan være mange sådanne elementer, selvom der kun er et i øjeblikket.

Følgende kode er givet:

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

Farv indholdet i blokken elem1 i rød farve, blokken elem2 - i grøn, og blokken elem3 - i lyseblå.