T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
30th October

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

CSS:
  1. #vsebina { border: 1px solid #999}
  2. .moder {color: blue}

in  HTML takole

HTML:
  1. <div id="vsebina">Tekst, kjer <span class="moder">imamo</span> več besed v <span class="moder">modri</span> barvi</div>

V praksi to izgleda takole:

Tekst, kjer imamo več besed v modri barvi.

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.

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Več nivojski CSS selektorji
  2. Kako ohraniti pregledno strukturo CSS dokumenta
  3. Razlika med ul+li in dl+dt CSS elementoma
  4. Zaokroževanje robov s CSS ukazov
  5. CSS triki – selektorji za Internet Explorer
  6. CSS triki za Google CHROME brskalnik
  7. Javascript predogled slike – CSS opacity – picture preview – picture fade
  8. Napredno programiranje v CSS s pomočjo LESS
  9. CSS 3 delovne skupine – zadnji sklepi
  10. Barvni prehodi s CSS

4x komentirano na “Kdaj uporabiti class in kdaj id oznako za CSS selektorje”

  1. Urban je napisal:

    Hm, tega pa nisem vedel.

    Ampak se mi zdi precej smotano, včasih ne veš, ali se bo element pojavil samo enkrat :\

  2. Antony je napisal:

    @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.

  3. svizec je napisal:

    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?

  4. Roky je napisal:

    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).

Dodaj komentar