2012-02-21 9 views
0

CSS로 제어하는 ​​스타일 목록 링크가 있습니다. URL에 문제가있어 자바 스크립트로 제어하려고합니다. 그래서 내 <a>에 나는 href="link.html'을 가지고 싶지 않다. 그러나 내가 그걸 벗어 버리면, CSS로 가지고 있던 속성들이 작동을 멈춘다. 롤오버 텍스트 없음 <a href>

a{ 
text-decoration: none; 
color: #808080; 
} 
a:visited { 
text-decoration: none; 
color: #808080; 
} 
a:hover{ 
text-decoration: none; 
color: blue; 
} 

어떻게 속성 만 <a> 태그를 갖는 keed 수 있습니까?

+1

': hover' 셀렉터는 여전히 파란색으로 변경해야하지만': visited'는 실제 링크 ('href' 속성이 필요합니다)에서만 작동합니다. – animuson

답변

4

링크에서 거짓을 반환 할 수 있습니다. Like :

<a href="link.html" onclick="return false;" >​Link</a>​ 
+1

이것이 바람직한 해결책입니다. 그런 다음 클라이언트가 JavaScript를 사용하지 않도록 설정하면 무의미한 텍스트가 아닌 링크가 계속 작동합니다. – animuson

1

href="#"을 추가하면 CSS가 작동해야하며 링크가 사용자를 다른 페이지로 처리하지 못하게합니다.

+0

그 외에도 click 이벤트가 트리거 될 때 false를 반환하면 페이지가 "#"링크의 기본 동작을 방해합니다. – Adaz