Velge element etter unik id i CSS

Som du allerede vet, er klasser beregnet på å tilordnes til en gruppe elementer. I tillegg til klasser, kan vi også velge elementer etter id, som representerer en unik identifikator for elementet. Med unikhet mener vi at hvis vi allerede har et element med en slik id på siden, bør det ikke være et annet element med samme id.

En unik identifikator settes ved hjelp av attributtet id, der vi skriver et navn vi har funnet på. La oss for eksempel lage to blokker. Til den første gir vi id med verdien block1, og til den andre - med verdien block2:

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

For å henvise til et element med en gitt id, må vi skrive symbolet # og navnet vi har funnet på, slik:

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

Attributtet id brukes i tilfeller der det er nødvendig å understreke elementets unikhet. Klasser brukes når det er forventet at det kan være mange slike elementer, selv om det for øyeblikket bare er ett.

Følgende kode er gitt:

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

Farg innholdet i blokken elem1 i rød farge, blokken elem2 - i grønn, og blokken elem3 - i lyseblå.