ID selektor

ID selektor se koristi pri definiranju stila jednog, jedinstvenog elementa i koristi ID svojstvo HTML elementa. Definiran je znakom #.

Slijedeći css kôd se primijenjuje na HTML elementu koji ima ID svojstvo naziva “def“

#def {

text-align: right;

color: red;

}

Definiranje klase selektora

Za razliku od ID selektora, koji se koristi za jedan element, selektor klase se koristi kod više elemenata. Ovo omogućava postavljanje istog stila za sve elemente sa jednim selektorom klase.

Koristeći klase (eng. „class“) u CSS-u možemo definirati različite stilove za iste selektore u nekom HTML dokumentu. Možemo definirati različite boje odlomka, poravnanje, veličinu slova.

Klase u CSS-u definiramo tako da prvo navedemo selektor, zatim točku(.), i na kraju naziv klase.

selektor.naziv {svojstvo: vrijednost}

p.naslov {font-weight: bold}

p.tekst {font-style: italic}

Da bi naše klase bile primijenjene na naše selektore, moramo ih pravilno definirati u samom HTML dokumentu za selektore koje želimo urediti.

<p class='naslov'>Tekst ovog odlomka je podebljan!</p>

<p class='tekst'>Tekst ovog odlomka je nakošen!</p>

Ovako definirane klase u HTML dokumentu rezultirat će slijedećim prikazom na zaslonu:

Tekst ovog odlomka je podebljan!

Tekst ovog odlomka je nakošen!