带链接的 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:pseudo-class {property:blah}

Answer 2

试试：

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

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