ATRIBUT class

Z atributom class v privesku HTML lahko določimo eno lastnost več elementom hkrati. Vzemimo primer, da želimo narediti dva odstavka. Eden je poravnan desno, drugi pa levo. Tako napišemo v kodi CSS in HTML:

.desno {text-align: right}

<p class="desno">Ta naslov ima desno poravnavo.</p>
<h2 class="desno">Tudi naslov ima desno poravnavo.</p>

Z uporabo lastnosti class pa lahko naredimo podmnožico oblikovanja za določene značke:

p.desno {text-align: right}
p.levo {text-align: left}

<p class="desno">Ta odstavek ima desno poravnavo.</p>
<p class="levo">Ta odstavek ima levo poravnavo.</p>

Če pa bi v slogu uporabili le atribut class z vrednostjo .levo, potem lahko lastnosti tega atributa uporabimo za več elementov, pri vseh katerih določimo, da je class enak levo. V primeru je prikazano kako lahko .levo uporabimo za odstavek (<p>) in naslov (<h1>):

Tako napišemo, za ta primer, v slogovni predlogi in v HTML dokumentu:

levo{text-aligl: left}

<h1 class="levo">Naslov je poravnan levo</h1>
<p class="levo">Besedilo je poravnano na levo</p>

Trenutni standardi določajo, da lahko pripada nek element HTML samo enemu razredu. Tudi glede na razvoj standardov v bližnji prihodnosti ni pričakovati sprememb.

 Gor     e-gradiva     CSS     primeri     Dedovanje pravil CSS   Psevdorazredi

SERŠ Maribor : Strokovna gimnazija : 2002 :  Niko Fajfar