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