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

Question

我有一些像这样的CSS：

a {
    display: block
}

a:focus {
    background: #000
}

这样的锚：

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

为什么我不能通过点击来关注它？我知道它重定向，但人们会假设一瞬间背景会变黑。怎么了？

Answer 1

并非所有浏览器在点击时都会给予元素焦点。我相信Internet Explorer确实如此，但谷歌Chrome肯定没有。如果您希望在鼠标单击元素时应用样式，请考虑使用:active：

a:active {
    background: #000;
}

您可以比较两个实时here。在this page， Tab 一次，第一个应该获得焦点和边框。

Answer 2

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