가짜 클래스 : 활성이 적용되지 않음

Question

선택한 페이지가 현재 활성화되어있을 때 링크 텍스트 변경 색상을 만들고 싶습니다. 그래서 내가 사용 : 활성 의사 클래스,하지만 일반적인 링크 색상으로 재설정 유지. 계단식 규칙은 : active last를 넣음으로 따라 갔지만 여전히 작동하지 않습니다. 나는 또한 "! important"를 : active color에 추가하려고 시도했다. 여전히 같은 결과입니다.

나는이 간단한 테스트를 통해 쉽게 찾아 내고 피들을 만들 수 있습니다. 이

#nav { 
color:red; 
text-decoration:none;} 

#nav:hover { 
color:blue;} 

#nav:active { 
color:black;} 

처럼 보이는 CSS를

<div id="navigacija"> 
<a id="nav" href="index.html">home</a> 
<a id="nav" href="random.html">random</a> 
<a id="nav" href="random2.html">random2</a> 
</div> 

그래서 무슨 일이 #nav입니다 : 마우스를 아래로 누르고있는 동안 활성 색상 만 적용됩니다. 그 후 #nav 색상의 빨간색으로 바뀝니다.

Answer 1

활성은 현재 요소를 클릭 할 때 사용됩니다. URL이 현재 활성 링크와 일치하는 경우가 아닙니다.

내가 사용한 적이 더 나은이 작업을 수행하는 방법,하지만이있을 수 있습니다 :

는 서버에서 페이지를 생성 할 때 링크상의 클래스에 추가하거나 클래스를 설정하는 자바 스크립트의 일종을 사용 . 이다

<div id="navigacija"> 
<a id="nav" href="index.html">home</a> 
<a id="nav" class="current" href="random.html">random</a> 
<a id="nav" href="random2.html">random2</a> 
</div> 

#nav { 
color:red; 
text-decoration:none;} 

#nav:hover { 
color:blue;} 

#nav current { 
color:black;}