css 링크 질문드립니다.
본문
안녕하세요 a href를 클릭한 후에도 오버된 색상을 유지하려고 하는데요
.bt li a:link {color:#fff841}
.bt li a:visited {color:#fff841}
.bt li a:hover {color:#fff}
.bt li a:active {color:#fff}
<a href="">테스트</a>
이렇게 해보고 있는데 잘안되네요;
추가로... 크롬에서 테스트 중인데 클릭할때 화면 상단으로 가버리는건 어떻게 못하는건가요?
답변 3
클릭된 상태는 a:focus{} 입니다.
추가로... <a href="javascript:void(0);">
a:link {color:#565656; text-decoration:none;} - 링크가 걸렸을때의 색상
a:visited {color:#565656; text-decoration:none;} - 한번이상 방문했었던 링크 색상
a:hover {color:#565656; text-decoration:underline;} - 마우스를 링크에 올렸을때 색상
a:active {color:#565656; text-decoration:none;} - 링크를 클릭할때의 색상
롤오버된 상태와 클릭 후에 동일한 색상이 되게 하려면
롤오버는 a:hover 이고요. 클릭 후(즉, 링크가 한번 이상 방문한 적이 있는 경우)는 a:visited 이므로
a:hover 와 a:visited 의 색상을 같이 해주시면 될 듯 합니다.
답변을 작성하시기 전에 로그인 해주세요.