[martine]

Originally posted by cezar@Jul 16 2006, 10:50
Tack det fungerade perfekt.
Istället för classer ska man använda id ?

Roligt att höra. Nej, vad jag menar (som tydal redan påpekat) är att man ska använda style, class och id på ett strukturerat sätt för att minimera kodmängd och öka översiktligheten.

En bra struktur på en sida är t ex att dela in sidan i div#logo, div#meny, div#innehall och div#sidfot och sedan med selektorer specificera hur elementen där ska se ut. "class" behöver då endast användas i undantagsfall för avvikande utseende.
I första hand bör man använda elementen och selectorer utan class, style eller id. Det kan minsta kodmängden rejält och blir också översiktligare.

Ett typiskt avsnitt kan då se ut som

<div id="innehall">
<p>bla bla bla <span>bla</span> bla bla<a>bla</a>bla</p>
<p>bla bla bla bla<a>bla</a>bla bla <a class="mycketSpeciellLink">bla</a>bla</p>
</div>
<div id="sidfor">
<p>copyright bla bla <a>bla</a></p>
</div>

med selektorer för att formatera elementen

p { text-align: left; }
div#innehall p { color: blue; }
div#sidfot p { text-align: center; }
div#innehall p span { color: red; }
div#innehall a { color: green; }
div#sidfot a { color: grey; }
div#innehall a.mycketSpeciellLink { color: green; }

Du slipper då använda class, style och id på enskilda element och besparar dig plats och kan i efterhand enkelt ändra både den översiktliga koden som css:en. Det brukar ofta också påpekas att detta är bättre eftersom man i stort skiljer utseende från innehåll (html:et blir ju om man jobbar på det här sättet också betydligt mer likt vanlig xml).

Du kan se class, id, style och selektorer som olika verktyg för att framställa en sida. Att alltid använda class för allting är som alltid använda hammare och spik oavsett material (prova att spika i betong...). Med rätt val av verktyg får man det bästa resultatet med minst arbetsinsats och spill.