Html CSS访问链接错误

我有自己制作的CSS。我用它来制作绿色的导航链接。所以我用了

a:visitored

。然后，将鼠标悬停在已访问的链接上将无法工作

hover

properties。悬停时请帮我把它变成绿色和红色。[对不起，我的英语不好]

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;
}

了解

#nav a:hover

和

#nav a:visted

是相同的，因此将覆盖第一个

如果希望以另一种方式覆盖

：hover

规则，请将

：hover

规则放在

：invested

规则之后。

了解

#nav a:hover

和

#nav a:visted

是相同的，因此将覆盖第一个

如果希望以另一种方式覆盖

：hover

规则，请将

：hover

规则放在

：invested

规则之后。

了解

#nav a:hover

和

#nav a:visted

是相同的，因此将覆盖第一个

如果希望以另一种方式覆盖

：hover

规则，请将

：hover

规则放在

：invested

规则之后。

了解

#nav a:hover

和

#nav a:visted

是相同的，因此将覆盖第一个

将

：hover

规则放在

：visited

规则之后，如果你想让它以另一种方式覆盖的话。

只需将

导航a:hover

规则放在

导航a:visited

规则之后，只需将

导航a:hover

规则放在

导航a:visited

规则之后

#nav a:visted

规则只需将

#nav a:hover

规则置于

#nav a:visted

规则之后