2011-08-13 4 views
1

호버에서 변경하려면 링크의 색상이 있어야하지만 한 번 클릭하면 원본으로 돌아갑니다. 현재 사용중인 코드는 링크를 클릭하면 변경되지 않도록 호버를 중지합니다.방문한 색상 재설정

<div id="nav1"><a href="clients.html">/Clients</a></div> 

#nav1 { 
    position: absolute; 
    font-family: "Gill Sans"; 
    font-weight: 300; 
    font-size: 10pt; 
    letter-spacing: 0.15em; 
    color: #fff; 
    margin-top: 30px; 
    margin-left: 20px; 
} 
#nav1 a:link { 
    color: #fff; 
    text-decoration: none; 
} 
#nav1 a:hover { 
    color: #e8138b; 
    text-decoration: overline; 
} 
#nav1 a:visited { 
    color: #fff; 
    text-decoration: none; 
} 

답변

5

a:visiteda:hover 당신의 선언을 넣습니다.

+1

: http://css-tricks.com/135-remember-selectors-with-love-and-hate/ – Matijs

+0

근무 완벽하게 감사합니다! –

2

:hover 스타일을 :visited 스타일 아래로 이동하십시오. 그들은 동일한 선택기 특이성을 가지고 있으므로 마지막 스타일은 :hover:visited 인 링크에 적용됩니다.

그런데 별도의 스타일을 원한다면 :hover:visited을 사용할 수 있습니다. 2007에서

+0

난 여러 가지 의사 요소를 볼 때 IE가 깨질 수있는 모든 다른 방법을 이미징하고 있습니다. 그것은 유리 저장소에 벽돌을 던지는 것과 같습니다. – Moses

1

이 트릭을 할해야 ...

#nav1 a:link, 
#nav1 a:visited { 
    color: #fff; 
    text-decoration: none; 
} 
#nav1 a:hover { 
    color: #e8138b; 
    text-decoration: overline; 
} 
관련 문제