a：悬停颜色不起作用

一件很奇怪的事情..

我想在悬停时更改链接的文本颜色和背景颜色。

这是代码

css:

#link-menu a
{
    color:white;
    display:block;
    height:100%;
    width: 100%;
    text-decoration:none;
    text-align:center;
    line-height:45px;
    font-weight:bold;
    font-family:"trebuchet ms","comic sans ms";
    outline:none;
}

.link2 a:hover 
{
    color:black;
    background:white;
}

这并不是说悬停不起作用。背景颜色正在改变，但文本颜色没有改变。

一个更重要的事实是，如果我不使用类 .link2 ，而是使用 id，颜色也会改变。 问题在于仅使用类。 有人可以解释一下原因和解决方案吗？

注意：我不想使用父元素 id。因为我不想更改所有链接的背景。

Its a 特异性 http://www.w3.org/TR/selectors/#specificity问题;你的第一个选择器会覆盖第二个选择器，因为它有一个 ID。您唯一的选择是使用!important规则或将父级作为祖先包含在第二个选择器中，使其更具体，例如

#link-menu a:hover {
    background: white;
    color: black;
}