CSS identifikatori i klase : CSS IDs and Classes

CSS id i klase : CSS IDs and Classes

Selektor identifikatora : ID Selector

Selektor identifikatora koristimo pri definiranju svojstava samo jednog elementa.

Selektor identifikatora se odnosi na HTML element kojemu je vrijednost svojstva id jednaka nazivu selektora.

Primjer dodjeljivanja svojstva identifikatora:

<div id="sidebar">
  <!-- Sve što želimo da se nalazi unutar ovog elementa -->
</div>

Sljedeći css kôd primjenjuje se na HTML element čije svojstvo id ima vrijednost sidebar. U gornjem primjeru <div> element.

#sidebar {
  text-align: center;
  color: blue;
}

Oznaka id selektora počinje s znakom ljestve #

Započinjem web dizajn!

Selektor klase : Class Selector

Za razliku od selektora identifikatora, selektor klase koristimo za definiranje svojstava više elementa unutar html dokumenta.

Pomoću selektora klase definiramo svojstva svih HTML elemenata u kojima je vrijednost svojstva class jednaka nazivu selektora.

Primjer html kôda u kojem je html elementima naslova <div> i odlomka <p> dodijeljena vrijednost klase podvuceno.

<h1 class="podvuceno">
  Naslov je podvučen.
</h1>
<p class="podvuceno"> 
  I tekst je također podvučen.
</p>

Slijedeći css kôd primjenjuje se na sve HTML elemente u kojim svojstvo class ima vrijednost podvuceno. U gornjem primjeru na elemente <h1> i <p>.

.podvuceno {
  text-decoration: underline;
  color: green;
}

Oznaka selektora klase počinje s znakom točka ., za razliku od oznake selektora identifikatora koji počinje s znakom ljestve #.