需要CSS文本颜色：悬停优先于：已访问

我有一些css代码，在悬停时显示背景色。文本在蓝色背景上为白色

否则，如果没有悬停，则文本为蓝色，背景为白色。 但是，当链接被访问时，文本保持蓝色，悬停时背景为蓝色

如何强制悬停文字颜色优先

a:link{
    color:#3399cc;
}

a:hover{
    background-color:#3399cc;
    color:#ffffff;
}
a:visited{
    color:#3399cc;
}
a:active{
    color:#3399cc;
}

---

如果我没有弄错的话，您所要做的就是切换顺序，在样式表中将：hover类放在：visted类之后

我认为在

：visted

的样式数据之后指定

：hover

的样式数据就足够了：

a:visited{  
    color:#3399cc;  
}  
a:hover{  
    background-color:#3399cc;  
    color:#ffffff;  
}

---

一种方法是使用

！重要信息

关键字：

a:visited
{
    color:#3399cc;
}
a:hover
{
    background-color: #3399cc;
    color: #ffffff !important;
}

这将确保

：hover

优先

用

a:visted:hover

替换

a:visted:hover

，这意味着

元素（不存在！），也可能有效

如前所述，更改样式的顺序应该是一个足够的解决方案：后面的定义优先于前面的定义。

参见Eric Meyer关于此主题的文章：

建议您使用“link visted hover active”LVHA规则，参考CSS规则中伪类的顺序。这些注释在订购单上显示了一些易于识别的首字母缩略词（将

：focus

添加到包装中）：

• LordVaderFORERHandle，Anakin
• LordVaderFrozeHansAss

---

LoVeHAte=链接、访问、悬停、活动

请不要！重要的黑客。有很多首字母缩略词可以用来记住链接属性的正确顺序——一个是爱恨链接；参观；悬停活跃的