Avatar billede mikmakmuk Nybegynder
04. april 2008 - 13:00 Der er 8 kommentarer

Kan ikke få farve til at skifte

Hvorfor ændre farven sig ikke på hover. text-decoration: underline; virker fint.

div.minclass a{
    color:#db5e01!important;
    text-decoration:none;
}

div.minclass a:hover{
    color: #000000;
    text-decoration: underline;
}
Avatar billede soerenlyn Nybegynder
04. april 2008 - 13:27 #1
Det virker hvis du laver et mellemrum mellem "div" og ".minclass"..

div .minclass a{
    color:#db5e01!important;
    text-decoration:none;
}

div .minclass a:hover{
    color: #000000;
    text-decoration: underline;
}
Avatar billede mikmakmuk Nybegynder
04. april 2008 - 13:46 #2
hmmm okay. Hvad er det lige !important; betyder og hvordan er det man skriver:

div .minclass a:hover a:active{
    color: #000000;
    text-decoration: underline;
}

så det gælder for begge tilstande
Avatar billede w13 Novice
04. april 2008 - 13:48 #3
!important betyder, at selvom du sætter en style="color:#000000" på elementet i HTML, så er det stadig denne, der gælder.

Og du skal skrive:

div .minclass a:hover, div .minclass a:active{
    color: #000000;
    text-decoration: underline;
}

for at det gælder for begge.
Avatar billede w13 Novice
04. april 2008 - 13:48 #4
Og jeg tror, du skal have mellemrum i:

color:#db5e01!important;

altså:

color:#db5e01 !important;
Avatar billede soerenlyn Nybegynder
04. april 2008 - 13:57 #5
Det har du ret i hr. w13 !
Avatar billede w13 Novice
04. april 2008 - 13:58 #6
Det er jeg så ganske enig i, hr. Søren Lyn.
Avatar billede w13 Novice
04. april 2008 - 14:01 #7
mikmakmuk>> Men du kan vel droppe !important, hvis du ikke meget står og har brug for netop dén funktionalitet.
Avatar billede jokkejensen Novice
04. april 2008 - 15:19 #8
div .minklasse a

giver en lidt anden selector end

div.minklasse a som er fuldt ud gyldig.


div.minclass a{
    color:#db5e01;
    text-decoration:none;
}

div.minclass a:hover{
    color: #000000;
    text-decoration: underline;
}

Skulle være fint.

En !important overruler psuedo klasserne :active :hover :visited

/JJ
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester