需要CSS文本颜色为:hover优先于a:visited

Question

我有一些css代码显示悬停时的背景颜色.文本在蓝色背景是白色的.

否则,如果没有悬停,则文本为蓝色,背景为白色.但是,当访问链接时,文本在悬停时保持蓝色并带有蓝色背景.

如何强制悬停文本颜色优先？

a:link{
    color:#3399cc;
}

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

Answer 1

我认为,指定样式数据:hover 后的风格数据:visited足以做的伎俩:

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

Answer 2

请参阅Eric Meyer关于该主题的文章：订购链接状态

建议您使用“link-visited-hover-active” LVHA-rule，指的是伪类在 CSS 规则中的顺序。评论提出了一些易于识别的订购首字母缩略词（添加:focus到包中）：

• 大号ORD V阿德的˚F ormer ħ andle，甲NAKIN
• 大号ORD V阿德˚F ROZE ħ ANS甲SS