2009-07-02 16 views
0

Ich assistiere bei der Erstellung einer neuen Website und tendiere dazu, auf einfache Fehler zu stoßen, wie ich gehe. Der folgende Code wird dazu verwendet wird, um eine Verbindung stylen:css mit Links

a.homepage-employment, 
a:visited.homepage-employment { 
display:block; 
padding:5px; 
background-color:#055830; 
color:#fff; 
width:100%; 
} 

a:hover.homepage-employment { 
display:block; 
padding:5px; 
background-color:#999966; 
color:#fff; 
} 

Ich frage mich, warum die Hintergrund-Farbe richtig angezeigt wird, aber der Text ist nicht weiß, wenn sie in der gleichen Klasse sind. Muss die Textfarbe innerhalb einer separaten Klasse sein? Ich weiß, dass ich offensichtlich etwas vermisse. Etwas höchstwahrscheinlich einfach.

Dies ist wahrscheinlich eine sehr einfache Frage, aber ich bin ein Anfänger lernen, wie ich gehe. Ich schätze Ihre Hilfe :)

Antwort

5

ich Ihre zweite Gruppe denken sollte

a.homepage-employment:hover 
{ .... } 

Eine geeignete Form ist: selector.class: Pseudoklasse {Eigenschaft: blah}

+0

Das gleiche gilt für Ihre: besuchte Pseudo-Klasse im ersten Selektor. – ajm

1

Versuchen:

a.homepage-employment { 
    display:block; 
    padding:5px; 
    background-color:#055830; 
    color:#fff; 
    width:100%; 
} 

a.homepage-employment:hover { 
    background-color:#999966; 
}