目標選擇器不工作

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進行樣式設置？