:hover funker ikke etter :visited

[-Teddy-]

Altså, slik ser koden ut:

 

a:link{
color: #000000;
background-color: #cdcdcd;
text-decoration: none;
}

a:hover{
color: #cdcdcd;
background-color: #000000;
text-decoration: none;
}


a:visited{
color: #000000;
background-color: #cdcdcd;
text-decoration: none;
}

a:active{
color: #cdcdcd;
background-color: #000000;
text-decoration: none;
}

 

Etter at man har trykket på en link så vil den ikke hovres neste gang du holder musa over den! Hvorfor? Fjerner jeg hele :visited blir linken lilla med understrek...

[MC2]

Altså, slik ser koden ut:

 

a:link{
color: #000000;
background-color: #cdcdcd;
text-decoration: none;
}

a:visited{
color: #000000;
background-color: #cdcdcd;
text-decoration: none;
}

a:hover{
color: #cdcdcd;
background-color: #000000;
text-decoration: none;
}


a:active{
color: #cdcdcd;
background-color: #000000;
text-decoration: none;
}

 

Sånn, nå burde det funkt. det var rekkefølgen vil jeg tro

[mikk-]

love/hate

 

link

visited

hover

active

 

[-Teddy-]

Takkker! Visste faktiskt ikke at rekkefølgen kode står i hadde noe å si i CSS.

 

Flere slike ting jeg burde vite?

[rødøye]

Det er sjelden rekkefølgen har noe å si. Når det gjelder :hover, :visited ol. kommer systemet i CSS som bestemmer hvilde verdier som er "viktigst" inn.

h1{color:red;border:1px solid red}
h1{color:green}

Den siste her vil bli lagt vekt på, men siden det bare er tekstfrgen som overskrives, vil du fremdeles ha en ramme rundt. Det samme skjedde når du hadde feil rekkefølge over her. :visited overstyrte :hover. Kanskje ikke helt logisk for alle, men sånn er det.

[-Teddy-]

Det er sjelden rekkefølgen har noe å si. Når det gjelder :hover, :visited ol. kommer systemet i CSS som bestemmer hvilde verdier som er "viktigst" inn.

h1{color:red;border:1px solid red}
h1{color:green}

Den siste her vil bli lagt vekt på, men siden det bare er tekstfrgen som overskrives, vil du fremdeles ha en ramme rundt. Det samme skjedde når du hadde feil rekkefølge over her. :visited overstyrte :hover. Kanskje ikke helt logisk for alle, men sånn er det.

5397651[/snapback]

 

Got it. Er jo egentlig logisk det ja.

[Sycosis]

er det ikke noe met at du kan skrive ":hover:" og ha "a:visited:" så blir den ikke overskrivet?