CSS-problem

2 svar · 179 visningar · startad av andreascarlsson 17 juni 2003

andreascarlssonMedlem sedan feb. 2003202 inlägg

Trådstart17 juni 2003 06:32#1

Jag har en css-fil som ser ut så här:

a:visited {
font-family:Verdana, Arial, Serif;
font-size:10px;
color:#3C3C3C; 
background-color:transparent; 
text-decoration:none; 
font-weight:normal; 
font-size:10px; 
} 

a:link {
font-family:Verdana, Arial, Serif;
font-size:10px;
color:#3C3C3C; 
background-color:transparent; 
text-decoration:none; 
font-weight:normal; 
font-size:10px; 
} 

a:hover {
font-family:Verdana, Arial, Serif;
font-size:10px;
color:#3C3C3C;
background-color:transparent;
text-decoration:underline; 
font-weight:normal; 
font-size:10px; 
}

a.link2{
color:#D7D9DB; 
}

Jag anger sedan på min sida att en länk skall ha utseende enligt link2: <a href="sida.jsp" class="link2">länk</a>

Men länken får samma färg som "vanliga" länkar (#3C3C3C). D.v.s. alla länkar utan referens till classen link2

I Mozilla-Firebird fungerar det dock bra och länken får färgen #D7D9DB, men inte i IE 6.0

Varför??? Finns det något sätt att kringå detta? Jag vill ju att länkarna skall ha samma egenskaper, förutom färgen...

Tack på förhand!

jarvkloMedlem sedan juli 20013 378 inlägg

17 juni 2003 08:16#2

Varför???

Hmm... Vad kör du för Doctype?

Finns det något sätt att kringå detta?

Hmm.. Funkar det om du så att säga "slår in färgen med slägga" såhär:

a.link2,
a.link2:visited,
a.link2:hover,
a.link2:active
{
color:#D7D9DB; 
}

andreascarlssonMedlem sedan feb. 2003202 inlägg

17 juni 2003 08:48#3

Tack Jarvklo!!

Jag hade klantat mig!! Jag hade inte angett någon pseudoklass för link2.

d.v.s.
a.link2:visited,
a.link2:hover,
a.link2:active

Detta medförde att länken visade färgen för vanliga länkar (a), som är besökta (a:visited) (#3C3C3C).

Men jag trodde faktiskt att a.link2 skulle ärva alla attribut från a, även pseudoklassernas attribut??

Men man lär sig något nytt varje dag...