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이 첫 번째 우선합니다 있습니다.

다른 방법으로 덮어 쓰려면 :visited 규칙 뒤에 :hover 규칙을 넣습니다.