CSS 访问链接错误

Question

我有自己制作的 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 规则之后。