Søg
Avatar billede hoppe11 Nybegynder
08. november 2007 - 22:03 Der er 9 kommentarer og
1 løsning

klasser og overskrivelse

hvorfor kan følgende farve i a ikke overskrive den eksisterende fra .headline? mit link bliver mørkt hvor det skulle være rødt

<a href="link" class="headline">link</a>

.headline {
    color:#111111;
    font-weight:bold;
    font-size:14px;
}

a {
    color:#ff0000;
}
Avatar billede dkfire Nybegynder
08. november 2007 - 23:37 #1
Fordi du vel skriver din a class til sidst. Prøv at bytte om på de to.
Avatar billede roenving Novice
09. november 2007 - 01:37 #2
En selector, der er mere specifik, vil have større vægt en andre regler, og en klasse-selektor er mere specifik end en element-selektor, derfor vil farven blive #111 !-)

-- hvis det skal være rødt, skal du:

a, a.headline {
    color:#f00;
}
Avatar billede roenving Novice
09. november 2007 - 01:46 #3
>>dkfire

-- se f.eks. http://www.w3.org/TR/REC-CSS2/cascade.html#specificity !-)
Avatar billede dkfire Nybegynder
09. november 2007 - 16:21 #4
Dumme mig ;-)
Avatar billede hoppe11 Nybegynder
10. november 2007 - 09:39 #5
smid et svar roenving, og tak for hjælpen

god weekend :)
Avatar billede roenving Novice
10. november 2007 - 13:22 #6
Velbekomme '-)
Avatar billede hoppe11 Nybegynder
12. november 2007 - 00:07 #7
men er det ikke muligt at lave en en a.* klasse eller lign?

a, a.* {
//
}
Avatar billede w13 Novice
12. november 2007 - 00:17 #8
Hoppe11: Det er sjældent nødvendigt, da mange elementer arver CSS-egenskaberne fra deres "forældre" som udgangspunkt.
Avatar billede roenving Novice
12. november 2007 - 13:48 #9
-- men stjernen( den universelle selektor !-)) vil ikke øge specifiteten, jævnfør ovenstående link, hvorfor a og a.* vil have præcis samme vægt og dermed gøre det samme ...
Avatar billede roenving Novice
12. november 2007 - 14:09 #10
-- og tak for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 08:39 Produktnøgle Af hkv i Office & Kontorpakker
I går 16:59 Bitlocker Af nico i Windows
12/1116:30 Wlan i windows 11 home Af dcedata1977 i Windows
11/1121:19 Irriterende ikon på proceslinjen Af ErikHg i Windows
11/1116:33 Kan man slippe af med "msn" ? Af Ikke-ekspert i Windows
White papers
Flere white papers »