대상 선택기가 작동하지 않습니다.

Question

문제가 각도와 관련이 있거나 실수를하는 경우 알 수 없습니다.
I <article id="about">, 링크가 <a href="#about"> 내가 그것을해야하지, 나는 기사가 빨간색 테두리가 있어야 링크를 클릭하면

:target{ 
    border: solid 1px red; 
} 

와 대상 요소의 스타일을 시도하고있다? 링크를 클릭하면 URL이 /company에서 /company#about으로 변경되지만 아무 일도 일어나지 않습니다. 또한 콘솔의 JQuery $(':target')을 확인하고 null을 반환합니다.
아마 라우팅 메커니즘이 기본 동작과 간섭하는 Angular와 관련 있다고 생각했습니다. $locationProvider.html5Mode(true), Angular 1.1.4 및 Chrome26을 사용하고 있습니다.
편집 : 마지막으로 작동하지 않는 예제 here을 얻었습니다. app.run()에 $ location을 삽입 할 때까지 작동합니다.

Answer 1

이 브라우저의 버그로 인해 : https://bugs.webkit.org/show_bug.cgi?id=83490

도 참조 http://css-tricks.com/on-target/

Answer 2

그냥 짐작하지만 :

나는 click 이벤트가 "false"를 반환 할 수 있다고 생각합니다. 즉, 일부 코드가 실행되고 기본 링크 클릭 동작이 무시됩니다.

마지막에 해시가있는 페이지 URL을 빈 탭에 입력 해보십시오. 당신의 : target css가이 경우에 작동한다면, 자바 스크립트라는 것을 알게 될 것입니다.

아마도 프레임 워크는 쉽게 스타일을 지정할 수있는 클래스 또는 다른 식별자를 추가합니까? 또는 DOM을 검사하면 DOM에 대한 참조가 jQuery로 스타일을 지정할 수있는 객체에 저장됩니다.