JSFiddle (*:focus 规则是为了说明哪个元素被标记为具有焦点。)
我想知道的是，为什么当我单击一个菜单项时，它获得了焦点...但是单击一个菜单项却没有给它焦点。
使它以这种方式运行的 CSS 有什么问题？
最佳答案
focus 通常仅适用于可以接收键盘或其他输入的元素，因此根据这种启发式 li 不符合条件。 This question has more about it. .
In the specs , CSS 没有明确定义哪些元素可以处于这些状态，因此很难针对什么可以和不能设置为 focus 提出一套规则。
可能对您有用的是active，you can view here .
关于css - :focus selector in CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13131317/