내비게이션 막대가 방문한 선택기의 색상이 변경되지 않습니다.

Question

내 탐색 바에 문제가 있습니다. 링크를 방문한 후에 다른 색상을 표시하고 싶습니다. 나는 코드 아카데미, 스택 O/F 및 다른 사이트에서 "pseudo-class_selector가 작동하려면 다음과 같은 순서로 따라야합니다. : : : hover"(codeacademy-Submitted by Samrudhi Sharma) 답변을 읽었습니다. . 나는 이것을 시도했지만 아무 일도 일어나지 않았다. 나는 정말로 혼란스러워했다. 당신의 도움을 주셔서 감사합니다. 내 코드 : <a>에

#nav { 
    width:100%; 
    float: left; 
    margin: 20px; 
    padding: 0; 
    border-top: 5.5px solid red; 
     border-bottom: 5.5px solid red; 
     line-height: 1.8em; 
     display:inline-block; 
    clear:both; 
} 

#nav ul { 
    float: left; 
    margin: auto; 
    width: 1024px; 
    margin:0px; 
    list-style: none; 
} 

#nav ul li { 
    color: orange; 
    font-size:1.5em; 
    float: left; 
    width: 150px; 
    padding: 0px; 
    margin:0px; 
    list-style:none; 

} 

#nav ul li a { 
    border-left:1px solid #fff; 
    text-align:center; 
    display: block; 
    width: auto; 
    height: 25px; 
    text-decoration: none; 
} 

#nav ul li:visited a{ 
    background:yellow; 
    color:#FFFFFF; 
    text-decoration:none; 
} 

#nav ul li:hover a{ 
    background:#C60; 
    color:#FFFFFF; 
    text-decoration:none; 
} 

Answer 1

장소 a:visited.

는 바이올린을 가지고 - Fiddle link!이 (노란색 렌더링하지 않는 경우 jsfiddle 헤더에 "실행"을 클릭합니다.) 당신이 당신의 앵커 의사 클래스를 사용한다

#nav li a:visited { 
    background:yellow; 
    color:#F00; 
    text-decoration:none; 
} 

Answer 2

CSS,하지 목록 요소에. 따라서 li:visited 대신 a:visited을 방문하십시오. 목록 요소가 아닌 앵커의 링크를 방문하십시오.)