Kdaj uporabiti class in kdaj id oznako za CSS selektorje
Če želimo izdelati spletno stran v skladu z W3C standardom in jo tudi validirati, moramo CSS selektorje uporabljati pravilno in v skladu s standardom. Spletna stran bo sicer pravilno prikazana tudi v primeru, če ne uporabljamo class in id CSS elementov pravilno. Ne bo pa validirana.
Če na kratko opišem čemu je namenjen class CSS element in čemu ID element. Oba sta namenjena CSS selektorjem, s katerim nato HTML elementom določimo CSS ukaze.
Pravilo:
class: se uporablja takrat, ko se nam HTML element z enako css oznako pojavi večkrat. V CSS dokumenti ga označimo s piko (.imeClass)
id: pa se uporablja takrat, ko se nam HTML element pojavi samo enkrat v celotni HTML kodi. V CSS dokumenti ga označimo z lojtro(#imeID)
Primer:
CSS koda recimo izgleda takole
-
#vsebina { border: 1px solid #999}
-
.moder {color: blue}
in HTML takole
V praksi to izgleda takole:
DIV element z oznako vsebina se nam pojavi samo enkrat, span z oznako moder pa večkrat.
Priporočilo:
Priporočam vam uporabo ID oznake za osnovne elemente HTML strukture (glava, vsebina, noga, glavna navigacija, reklamno področje), ostalo pa označujte s CLASS oznako.
November 2nd, 2008 ob 8:59 pm
Hm, tega pa nisem vedel.
Ampak se mi zdi precej smotano, včasih ne veš, ali se bo element pojavil samo enkrat :\
November 3rd, 2008 ob 8:56 am
@Urban: predlagam, da se držiš priporočila na koncu posta. Za določene stvari že vnaprej veš, da se ti bodo pojavljale samo enkrat.
November 9th, 2008 ob 1:50 pm
Hmm, kaj pa če vedno uporabljaš class, stran bo še vedno validna in bo prikazana pravilno ne? Se pozna pri kakšni optimizaciji ali v čem sploh je potem fora ID-ja?
November 9th, 2008 ob 2:45 pm
ID imajo večjo prioriteto pri css clasih, uporabno je tudi pri selekciji z Javascript DOM elementi, kjer lahko potem dobiš točno ta element s pomočjo ID-ja (zato mora biti unikaten).