---

Hej
Jeg har svedt det helt ud...:
Hvordan tildeler man link-udseende til en class?

F.eks. angiver jeg at jeg vil have at links (a:link) generelt er sorte.
Derudover har jeg en class (.box) der er hvid, fordi den skal bruges på sort
baggrund. Stærkt forenklet:

<style media="screen" type="text/css"><!--
a:link { color: black }
..box { color: white }
--></style>

Så har jeg balladen når der så optræder et link i teksten der har class'en
"box" på den sorte baggrund da linket jo bliver sort - og hvordan er det så
man kan lave en class der viser at "links i class'en "box" skal være
hvide"??

Tak for de evige kloge bud og tiden I tager dertil,
Olav

---

Olav Noksagt skrev:

> F.eks. angiver jeg at jeg vil have at links (a:link) generelt

Bemærk at links generelt fanges med a{ .. }.

a:link betyder ikke-besøgte links


> a:link { color: black }
> .box { color: white }

Tilføj:

   .box a{ color: white; }

/* alternativ */
   .box a:link{ color: white; }


Ovenstående betyder at links (a-elementer) inde i elementer med
klassen box bliver farvet hvide.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen skrev:

> Olav Noksagt skrev:
>> a:link { color: black }
>> .box { color: white }
> Tilføj:
> .box a{ color: white; }
>
> /* alternativ */
> .box a:link{ color: white; }
>
> Ovenstående betyder at links (a-elementer) inde i elementer med
> klassen box bliver farvet hvide.

Tak! - sig mig lige en gang, Jens Gyldenkærne Clausen, sidder du online og
lever af at give gode råd? Du er altid på

Er det forstået ret at man så aldrig bruger class'en ".box a{color: white;}"
- men at browseren selv forstår at når man bruger class'en .box og der
optræder et link, så skal den checke css'en igennem og finde ud af det den
vej?

Olav

---

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Olav Noksagt skrev:
>
> > F.eks. angiver jeg at jeg vil have at links (a:link) generelt
>
> Bemærk at links generelt fanges med a{ .. }.
>
> a:link betyder ikke-besøgte links
>
>
> > a:link { color: black }
> > .box { color: white }
>
> Tilføj:
>
>    .box a{ color: white; }
>
> /* alternativ */
>    .box a:link{ color: white; }
>
>
> Ovenstående betyder at links (a-elementer) inde i elementer med
> klassen box bliver farvet hvide.

Jeg syndes også lige at jeg skal takke for det der :)) Jeg har
altid troet at det ikke kunne lade sig gøre, men ja ja! Tak!

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Sverri M Olsen skrev:

> Jeg syndes også lige at jeg skal takke for det der :)) Jeg har
> altid troet at det ikke kunne lade sig gøre, men ja ja! Tak!

Det er et af de områder hvor css kan væsentligt mere end gammeldags
html-formatering. Der er en hel række af selektorer til rådighed i
css2.1. Desværre er mange af dem ikke bredt understøttet, men
"descendant selectors" - som eksemplet her, er heldigvis en
undtagelse.

Se mulighederne her: <http://www.w3.org/TR/CSS21/selector.html>.

NB: Du må gerne klippe i dine citater. Se evt. siden her:
<http://html.dk/nyhedsgrupper/usenet.asp> eller min signatur.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html