css avec les liens

Question

J'aide à la création d'un nouveau site Web et j'ai tendance à rencontrer des erreurs simples au fur et à mesure. Le code suivant est utilisé pour le style d'un lien:

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; 
} 

Je me demande pourquoi l'arrière-plan de couleur apparaît bien, mais le texte est pas blanc quand ils sont dans la même classe. La couleur du texte doit-elle être dans une classe séparée? Je sais qu'il me manque quelque chose. Quelque chose de très probablement simple.

Ceci est probablement une question très simple, mais je suis un débutant d'apprentissage que je vais. Je vous remercie de votre aide :)

Answer 1

Je pense que votre deuxième groupe devrait être

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

forme correcte est: selector.class: pseudo-classe {propriété: bla}

Answer 2

Essayez:

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

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