:focus选择器用于设置一般意义上具有焦点的元素的样式。但是,考虑到鼠标按下或触摸等情况,它到底是什么时候应用的呢?作为一个web开发人员,我如何才能控制它的一致性?
例如,在Stack Overflow上,如果我在其中一个链接上按下鼠标,但没有激活,在松开鼠标之前将鼠标移开,该链接将获得键盘焦点(如按Tab键所示,焦点转到下一个链接)。然而,即使它有焦点,它也不能获得:focus样式。但是,如果我用Tab键点击一个链接,我会得到:focus大纲样式。
但是在我正在工作的一个网站上,鼠标一按,我马上就会看到:focus风格,所以肯定有一些微妙的细节。
在这段代码中,Chrome for me