en css fråga

hejsan

kan man med hjälp av en css-fil fixa så att man kan få olika utsende på samma sida men på olika ställen.

tex man har två olika spalter med text, och så vill man ha två olika fäger på texten.
eller
ha tex olika saker på länkarna. typ understrucket på vissa och överstruket på vissa.

och isf hur gör man?

om nåt är oklart så säg till.

/Niklas

Jodå - det går.

Du får använda "klasser" och "id:n"

Här är en ganska färsk tråd om principerna för detta
http://www.webforum.nu/showthread.php?s=&threadid=86267&forumid=12

Läs hela så får du en snabb överblick på ungefär hur det kan göras ;)

I css-filen:

span.text1 {
    color: red;
}

span.text2 {
    color: green;
}

span.text1 a:link {
    text-decoration: underline;
}

span.text2 a:link {
    text-decoration: overline;
}

I html-filen:

<span class="text1">Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Aliquam sit amet ante vel wisi 
volutpat ultrices. Aliquam vel nulla. Aenean pulvinar, 
mauris id porta lacinia, libero libero bibendum nibh, nec 
facilisis enim quam sit amet lectus. Cras volutpat facilisis 
dui. Praesent scelerisque ante ac ante. Vestibulum erat 
nibh, rhoncus in, luctus ac, tincidunt sit amet, nulla. Sed 
tempor nibh vitae purus. Suspendisse ac odio. In id diam. 
Vivamus nulla ipsum, suscipit vitae, volutpat eget, 
nonummy at, turpis.<br/><br/>
<a href="http://www.lipsum.com">[url]www.lipsum.com[/url]</a></span><br/><br/>

<span class="text2">Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Aliquam sit amet ante vel wisi
 volutpat ultrices. Aliquam vel nulla. Aenean pulvinar, 
mauris id porta lacinia, libero libero bibendum nibh, nec 
facilisis enim quam sit amet lectus. Cras volutpat facilisis 
dui. Praesent scelerisque ante ac ante. Vestibulum erat 
nibh, rhoncus in, luctus ac, tincidunt sit amet, nulla. Sed 
tempor nibh vitae purus. Suspendisse ac odio. In id diam.
 Vivamus nulla ipsum, suscipit vitae, volutpat eget, 
nonummy at, turpis.<br/><br/>
<a href="http://www.lipsum.com">[url]www.lipsum.com[/url]</a></span>

Detta resulterar i en röd text med understrukna länkar och en grön text med överstrukna länkar. :)

R// Gjorde lite radbrytningar. :)