16. oktober 2005 - 13:29
Der er
7 kommentarer og 1 løsning
forskellige styles på links!
Hej, Jeg kan ikke få mit link til at virke ordenligt, jeg har en ekstern css-fil. Hvor jeg har sat: a:link { font-size: 14px; color: #000000; font-weight: bold; text-decoration: none; } a:visited { font-size: 14px; color: #666666; font-weight: bold; text-decoration: none; } a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: none; } Jeg skal så have en ny style på et andet link, hvor jeg så sætter en class på: .class1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: underline; } Det virker ikke, er der nogen som kan hjælpe!
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
16. oktober 2005 - 13:30
#1
<a class="class1" href="kontakt.htm">Bestil nu</a>
16. oktober 2005 - 13:31
#2
De links der skal påvirkes af din nye class skal have den defineret i dets tag, altså <a class="class1">. Har du husket at gøre det?
16. oktober 2005 - 13:31
#3
Ja, det havde du så ;)
16. oktober 2005 - 13:34
#4
Hvis du kun skal bruge den til links, ville jeg nok bruge denne i stedet: a.class1 { font-family: Verdana, Arial, Helvetica, sans-serif !important; color: #000000 !important; text-decoration: underline !important; } Ellers er vi nok ude i noget som det her: .class1 { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: bold; color: #000000 !important; text-decoration: underline !important; }
16. oktober 2005 - 13:35
#5
Grunden til !important er at dette tvinger den pågældende værdi til at blive brugt til den klasse, uanset hvad der ellers må være specificeret.
16. oktober 2005 - 13:42
#6
.class1 { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: bold; color: #000000 !important; text-decoration: underline !important; } virkede jeg havde ellers prøvet alle de alle muligheder, underligt at man skal sætte !important før det virker?
16. oktober 2005 - 13:49
#7
Det er sådan set ikke helt så underligt - .class1 er mere generel med hvor den skal anvendes end a:* er. Derfor har a:* prioritet. Derudover er !important også nyttigt hvis du havde brugt en a.class1, da Firefox ikke altid nedarver ting korrekt. Dette gør at et stylesheet ville opføre sig korrekt i IE, og forkert i Firefox - selvom resultatet i Firefox måske var det hensigtede. Mener i hvert fald det er sådan det virker :o)
16. oktober 2005 - 13:57
#8
Tusind tak for at du besvaret mit spørgsmål så hurtigt, det har sparet mig for en masse unødvendige test:)
Vi tilbyder markedets bedste kurser inden for webudvikling