为什么我不能专注于这样的锚点？

Question

我有一些CSS是这样的：

a { 
    display: block 
} 

a:focus { 
    background: #000 
} 

和锚这样的：

<a href="">Hi!</a> 

我为什么不能专注于它通过点击？我知道它重定向，但人们会假设一瞬间背景会变黑。这是怎么回事？

Answer 1

并非所有浏览器点击时给予元素焦点。我相信Internet Explorer的确如此，但谷歌浏览器当然不会。如果你正在寻找的时候按下鼠标时在元素上应用样式，考虑:active代替：

a:active { 
    background: #000; 
} 

您可以比较两个现场here。在this page,标签一次，第一个应该得到焦点和边界。

Answer 2

一：主动会给你想要的结果（我用这个按钮按下背景图片）