CSS访问链接错误

Question

我有CSS制作的CSS。我用它来制作绿色的导航链接。所以我使用了a:visited。然后将鼠标悬停在已访问的链接上，不会生成hover个属性。悬停时请帮我把它变成绿色和红色。 [抱歉我的英语不好]

CSS

#nav {
    font-family:arial;
    font-size:20px;
}
#nav a:link {
    color:green;
    text-decoration:none;
}
#nav a:hover {
    color:red;
    text-decoration:none;
}
#nav a:visited {
    color:green;
}
#nav li:hover {
    font-family:arial;
    font-size:21px;
}
#nav li {
    float:right;
    margin: 5px;
}
#nav li#active {
    font-family:arial;
    font-color:red;
    font-size:20px;
    font-weight:bold;
}
#nav li#active:active {
    font-color:red;
}

Answer 1

了解the cascade。

#nav a:hover和#nav a:visited 同等specific ，因此last one会覆盖第一个。

将:hover规则置于:visited规则之后，如果您希望它覆盖相反的方式。