Oznake klase i identifikatora koristimo u CSS-u ili JavaScriptu za pristup pojedinim HTML elementima. Identifikatorom dodjeljujemo jedinstvenu oznaku.
Zašto ne sada?
Oznake klase i identifikatora koristimo u CSS-u ili JavaScriptu za pristup pojedinim HTML elementima.
Svojstvo identifikatora koristimo pri definiranju svojstava jedinstvenog elementa.
Dodjeljivanjem HTML elementu vrijednost id svojstva, dodjeljujemo mu zapravo naziv identifikatora.
Primjer dodjeljivanja svojstva identifikatora:
<div id="sidebar">
<!-- Kôd koji se nalazi unutar ovog dijela -->
</div>
Slijedeći css kôd primjenjuje se na HTML element koji ima vrijednost svojstva identifikatora, sidebar (u gornjem primjeru na element <div>).
Oznaka id selektora u css-u počinje s znakom ljestve '#'.
#sidebar {
text-align: center;
color: blue;
}
Za razliku od identifikatora svojstvo klase koristimo za definiranje svojstava više elementa unutar html dokumenta.
Dodjeljivanjem HTML elementu vrijednost class svojstvu dodjeljujemo naziv klase.
Primjer html kôda koji u kojem dva html elementa imaju dodijeljenu vrijednost svojstva class: 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 koji imaju dodijeljenu vrijednost svojstva class="podvuceno" (u gornjem primjeru na elemente <h1> i <p>).
Oznaka css selektora klase počinje s znakom točka '.', za razliku od oznake selektora identifikatora koji počinje s znakom ljestve '#'.
.podvuceno {
text-decoration: underline;
color: green;
}