css - 目标选择器不起作用

标签 css angularjs

我不知道问题是否与 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 ,它一直有效,直到我将 $location 注入(inject) app.run() .

最佳答案

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

另请参阅最后一节 http://css-tricks.com/on-target/

关于css - 目标选择器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16019047/

相关文章:

css - 带有图像的水平滚动 div 不会内联显示

css - 视口(viewport)单位字体大小和缩放错误 : which browsers are affected?

javascript - Angularjs - Firebase 显示当前登录的用户数据

html - 如何在向下滚动时隐藏导航菜单栏,它应该出现在使用 angularjs 向上滚动时?

angularjs - 使用单页应用程序(SPA)时如何在不刷新浏览器的情况下处理过期文件?

html - 设置第一个子元素的样式(如果它是第一个元素)

来自类名的 CSS 属性值

javascript - 使用 HTML5 和 css3 的模态窗口

angularjs - 以 angularjs 形式发布的 http 帖子

javascript - 从对象数组javascript中删除元素