:CSS中的聚焦选择器

Question

jsfiddle（*:focus规则是说明哪个元素标记为具有焦点。）

我想知道的是为什么，当我单击菜单项时，它会引起焦点...但是单击菜单项不会给予焦点。

CSS以这种方式表现出什么问题？

Answer 1

focus通常仅适用于可以接收键盘或其他输入的元素，因此通过此启发式li S不合格。这个问题有更多关于它的信息。

在规格中，CSS并未明确定义这些状态中的元素，因此很难为focus的设置规则提出设置规则。

可能适合您的目的是active，您可以在此处查看。

Answer 2

有一个很小的技巧 - 如果您想要一个没有焦点的项目，则默认情况下，应该通过设置其tabindex="N" -N是一个数字来使其成为可击败的。就如此容易。如果您在可单击的项目中添加Tabindex，则在您单击时会得到聚焦。如果可以标签标签，则必须能够获得焦点。如果您加载了jQuery，则将tabindex属性添加到菜单的所有节点非常简单：

$(function() { 
  $('#navbar *').attr('tabindex', '1');
});

结束埃弗里奇到位。您可以使用纯JavaScript进行。