링크가 올바른 색상이 아닙니다.

Question

웹 사이트를 만들고 있는데 왜 페이지의 링크가 마우스 오버시 올바른 색상으로 표시되지 않는지 확신 할 수 없습니다. 다음은 페이지 중 하나입니다 : http://jsfiddle.net/yentup/CR9TK/

내가 우려하는 링크는 페이지 내용의 링크입니다. 엎어 졌을 때, 그들은 빨갛게 여겨 져야합니다. 그러나 그들은 같은 색을 유지합니다. !important을 사용하여 정확한 색상을 적용 할 수는 있지만 올바른 색상을 얻으려면 !important을 사용해야합니다. 여기에 충돌합니다 CSS의 비트입니다,하지만 당신은 모든 CSS를 위에서 언급 한 링크에서 전체 페이지에 대한 찾을 수 있습니다 a:hover 및 a:visited의

a:link { 
    text-decoration: none; 
    color: #787878; 
} 

a:hover { 
    color: #8B2323; 
    text-decoration: underline; 
} 

#header ul li a { 
    text-decoration: none; 
    text-transform: uppercase; 
    font-family: 'Quintessential', serif; 
    font-size: 24px; 
    font-weight: bold; 
    color: #909090; 
    border-left: 1px dotted #d0d0d0; 
    padding: 8px 14px; 
} 

#header ul li a:hover { 
    color: #D2691E; 
} 

Answer 1

스왑 장소.

a:visited { 
    color: #787878; 
} 

a:hover { 
    color: #8B2323; 
    text-decoration: underline; 
} 

예상대로 작동해야합니다.