|
Na prvi se pogled ovaj tip selektora razlikuje od klasnih selektora samo u dvije stvari. Prvo, umjesto točke definira se oznakom #:
#izreka {
font-weight: bold;
font-size: 11px;
}
#prijevod {
font-style: italic;
font-size: 12px;
}
i drugo, umjesto atributom class primjenjuje se atributom id:
<p id="izreka">Navigare necesse est,
vivere non est necesse.</p>
<p id="prijevod">Ploviti je nužno,
živjeti nije nužno.</p>
Rezultat je jednak prethodnom:
Navigare necesse est, vivere non est necesse.
Ploviti je nužno, živjeti nije nužno.
Vjerojatno se pitate u čemu je onda razlika između klasnog i id selektora. U jednom bi HTML dokumentu svi id atributi trebali biti različiti. Oni su namijenjeni referenciranju
na određeni element. Primjerice, u dokumentu smije biti samo jedan paragraf s atributom id="izreka". Id selektor primjenjuje se kada se želi pridodati stil za jedan
jedinstven element na stranici.
-
 Zbog usporedbe s prethodnom lekcijom ovdje je id atribut primijenjen na paragraf čime je on oblikovan različito od ostalih.
- Budući da smo planirali sastaviti stranicu s nizom izreka, ovakva nam definicija ne bi odgovarala. S druge strane, ona bi bila idealna ako planiramo na svaku stranicu staviti po jednu izreku s prijevodom.
|
