채택완료

css 링크 질문드립니다.

2016-07-21 (목) 19:51:37 4,936

안녕하세요 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개

채택된 답변
+20 포인트

클릭된 상태는 a:focus{} 입니다.

추가로... <a href="javascript:void(0);">

롤오버된 상태와 클릭 후에 동일한 색상이 되게 하려면

롤오버는 a:hover 이고요. 클릭 후(즉, 링크가 한번 이상 방문한 적이 있는 경우)는 a:visited 이므로

a:hover 와 a:visited 의 색상을 같이 해주시면 될 듯 합니다.

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;} - 링크를 클릭할때의 색상 

답변을 작성하려면 로그인이 필요합니다.