CSS linker, et slags viderekommende spørsmål

[AK47]

Det er startet rundt 200 tråder om CSS og hvordan vi skal få linkene til å forandre seg slik vi ønsker det. Men, hva om jeg ønsker en link til å oppføre seg som hvit, og en annen link på samme side grå osv?

 

Koden jeg bruker nå er eksempelvis:

 

a:link {

color: #FFFFFF;

text-decoration: none;

}

a:visited {

color: #FFFFFF;

text-decoration: none;

}

a:hover {

color: #FFFFFF;

text-decoration: none;

}

a:active {

color: #FFFFFF;

text-decoration: none;

}

 

 

Noen gode råd om hvordan man får spesifisert det slik jeg ønsker?

Endret 11. juni 2004 av AK47

[Lokaltog]

Du kan istedenfor alt det surret du har skrevet bare bruke

a {

color: #FFF;

text-decoration: none;

}

 

og lage en

a.gra {

color: #999;

text-decoration: none;

}

 

og putte i HTML'en

<a href="..." class="gra">link</a>

og denne vil være grå.

[funkweb]

Fordi disse linkene bruker i utganspunktet de "standar" innstillingene som er definert i CSS, ønsker da man en annen farge på linken.. definerer man "eget" A class for det.

 

f.eks:

 

A.superlink:link { } + visited, hover osv..

[PoleCat]

Evt kan du spesifiere hvordan en link innenfor et visst element skal se ut:

 

a {
color: #000;
}

 

 

p a {
color :#333:
}

 

Alle linker innenfor <p> blir #333.

 

div#jada {
color: #FF0000;
}

 

Alle linker innenfor #jada, men ikke innenfor <p> i #jada, blir #FF0000.

 

Osv....

[Arve Systad]

div#jada {
color: #FF0000;
}

 

Alle linker innenfor #jada, men ikke innenfor <p> i #jada, blir #FF0000.

Må i så fall rette det til

 

div#jada a {
color: #FF0000;
}

 

Alle linker innenfor <p> blir #333.

 

a-elementet er ikkje nødvendigvis en link, men kan også fungere som et anker. *pirke*

 

 

Har forresten skreve litt om det her - men overskrifta er nok.. *kremt* litt dårlig.. kom ikkje på ka den egentlig burde heite i farten (decendant selector)

[AK47]

Takker!

[PoleCat]

div#jada {
color: #FF0000;
}

 

Alle linker innenfor #jada, men ikke innenfor <p> i #jada, blir #FF0000.

Må i så fall rette det til

 

div#jada a {
color: #FF0000;
}

Oisann, var litt kjapp på labben der ja. Selvfølgelig skulle a'en være med.