目标选择器不工作

Question

我不知道问题是否与Angular有关或者我犯了一个错误。
我有一个<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() $位置。

Answer 1

这是由于浏览器错误：https://bugs.webkit.org/show_bug.cgi?id=83490

参见在http://css-tricks.com/on-target/

Answer 2

只是一个猜测，但：

我认为点击事件可能会返回“false”。 也就是说，一些代码会运行，并且默认的链接点击行为已被覆盖。

尝试输入页面URL，并在最后加入散列，将其放入空标签中。如果你的：target css在这种情况下工作，你会知道这是一个JavaScript的东西。

也许框架添加了一个类或其他标识符，您可以轻松地进行设置？或者，如果您检查DOM，对其的引用存储在某个对象中，您可以使用jQuery进行样式设置？