css со ссылками

Question

Я помогаю созданию нового веб-сайта и, как правило, сталкиваюсь с простыми ошибками. Следующий код используется для стилизации ссылки:

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

Я задаюсь вопросом, почему цвет фона правильно отображается, но текст не является белым, когда они находятся в том же классе. Должен ли цвет текста находиться в отдельном классе? Я знаю, что, очевидно, чего-то не хватает. Что-то, скорее всего, простое.

Это, вероятно, очень простой вопрос, но я начинаю учиться, когда я иду. Я ценю вашу помощь :)

Answer 1

я думаю, ваша вторая группа должна быть

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

Правильная форма: selector.class: псевдо-класс {свойство: бла}

Answer 2

Try:

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

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