访问链接正在改变悬停的颜色

Question

我真的很困惑......我有这段代码：

    a {
    float: left;
    padding: 5px 20px;
    }
a:link {
    text-decoration: none;
    color: #008B45;
    }
a:hover {
    color: #00FF00;
    font-weight: bold;
    }
a:visited {
    color: #EE9A00; 
    }

但是在我访问它之后的链接一个链接没有变换颜色根据a：悬停...为什么？

谢谢

Answer 1

我不确切知道为什么，但我想这是因为属性：visited首选：hover。为了完成这项工作，你必须在颜色陈述的末尾添加“！important”。像这样：

a {
    float: left;
    padding: 5px 20px;
    }
a:link {
    text-decoration: none;
    color: #008B45;
    }
a:hover {
    color: #00FF00 !important;
    font-weight: bold;
    }
a:visited {
    color: #EE9A00; 
    }