CSS - navnestandard

For at mindske risikoen for at ad-hoc udviklede css-filer ender som selektor-spaghetti, kan de opdeles i 2 forskellige samtidige opbygninger:

• Struktur selektorer
  Selektorer, der anvendes til opbygning af sidestruktur med div-bokse og deres ligestillede (html, body, wrapper, content, header, footer, menu, div og lign.)
  Opbygges som "blok-selektorer": Alle parametersæt til en given struktur-tag knyttes til en fælles selektor.

  #wrapper{    width: 960px;    margin: auto;}

  Struktur-selektorerne navngives typisk efter deres tilhørsforhold - for tag-selektorerne helt bogstaveligt.
  De placeres i brugsrækkefølge.
  Struktur-selektorerne vil oftest kunne være af typen "id".
  
  
• Indhold selektorer
  Al anvendelse af css der ikke er strukturel.
  Opbygges (som hovedregel) som "enkelt-selektorer": Der knyttes kun et parametersæt til hver selektor. Det betyder så, at der i koden ofte må anvendes f.eks. 2 eller 3 selektorer i stedet for 1. Det medfører gennemskuelighed og god orden i css-filen og fleksibilitet i koden.

  .bgred{background: red;}

  I visse situationer ken det være hensigtsmæssigt at opbygge indholdsselektorer efter strukturmodellen.
  Navngivningen af indholdsselektorerne følger en struktureret / stringent standard.
  De placeres i alfabetisk rækkefølge.
  Indhold-selektorerne vil oftest kunne være af typen "class".

Tag-baserede selektorer placeres øverst i den relevante af de to dele.

Under kodning vil det være normalt, at foretage opslag i css-filen relateret til indholds-selektorerne oftere end til struktur-selektorerne. Det synes derfor hensigtsmæssigt, at placere indholds-selektorerne først og struktur-selektorerne sidst. Eller de to dele kan placeres i hver sin fil css-struktur.css og css-indhold.css.

Der er i ovennævnte ikke taget hensyn til css-data til menuer. Kan ofte med fordel placeres i sin egen fil: css-menu.css.

Der skal selvsagt ses bort fra disse grundregler, i det omfang situationen tilsiger det.

Nedenfor er vist et antal ofte anvendte selektorer - og for indholdsselektorernes vedkommende forslag til navnestandard.