CSS a : 현재 기능

a : current 속성을 사용하여 요소의 스타일을 변경하고 싶습니다. 그러나 문제는 href가 다른 페이지를 가리 키도록 할 수 없다는 것입니다. 그래서 나는 이런 것을 만들었습니다.CSS a : 현재 기능

 <a class='linkstyl' href="#1" >A</a> 
     <a class='linkstyl' href="#2" >B</a> 
     <a class='linkstyl' href="#3" >C</a>

내 CSS 파일이

 .linkstyl{ 
      cursor:hand;cursor:pointer;text-decoration:none; 
      color: #ccc; 


     } 
    .linkstyl:current{ 
      cursor:hand;cursor:pointer;text-decoration:none; 
      color: #aaa; 


     }

그러나 현재의 기능이 생각대로 작동하지 않습니다 같은 것이, 어떻게를 해결하는 것입니다?

출처

2011-08-28 vaishakh

빠른 검색은 ': 현재'에 대한 참조를 표시하지 않습니다. 이 라이브러리를 사용하고 있습니까 아니면 내 Google 푸 그냥 약한가요? – JJJ

나는': current'에 익숙하지 않다. ': hover'와': active'와 다른 점은 무엇입니까? –

[': target'] (http://www.w3.org/TR/css3-selectors/#target-pseudo)를 의미합니까? –

이것이 아주 새로운 경우가 아니면 CSS 푸시 선택기 :current이 없습니다. :active 또는 :focus을 생각할 수도 있습니다.

:focus은 포커스가 없어지면 적용되지 않습니다. 예를 들어, 페이지의 아무 곳이나 클릭하면됩니다.

:active은 요소가 활성화되었을 때만 적용되며 대개 마우스를 클릭하는 동안 또는 이와 유사한 의미입니다. http://jsfiddle.net/HW8X6/

사이드 참고 : id 또는 name 속성이 숫자로 시작하지 않아야을, 당신이 1을 변경할 수 있습니다, 당신이 당신이 원하는 경우에 볼 수 있도록

여기에 모두 데모입니다 2, 3을 item-1, item-2, item-3과 같이 표시합니다.

출처

2011-08-28 10:58:25

': current'는 꽤 새로워졌습니다 : http://www.w3.org/TR/selectors4/#time-pseudos –

"시간 선형 프리젠 테이션"가상 클래스의 요점을 완전히 놓치고 있습니다.
Selectors Level 4 사양의 current draft을 다시 읽으십시오.

.linkstyl:current으로 무엇을 선택하려고합니까?
최근 브라우저가 지원하지 않는다는 것을 알고 있습니까?
a:local-link은 아마도 당신이 정말로 원했던 것일 것입니다.

출처

2011-08-29 02:09:22 Knu

이전에는 없었습니다. 나는 그들이 그것을 적극적으로 업데이트하고 있다고 생각한다. – BoltClock

CSS a : 현재 기능

답변

관련 문제