webForumDet fria alternativet

CSS-problem

2 svar · 177 visningar · startad av andreascarlsson

andreascarlssonMedlem sedan feb. 2003211 inlägg
#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 x(

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 295 inlägg
#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. 2003211 inlägg
#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... ;)

Genererad på 369 ms · cache AV · v20260730165559-full.f96bc7eb