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：伪类{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;
}

带链接的CSS

2 个答案: