：焦点伪班与下一个兄弟的好奇心

Question

我知道这里的人倾向于阅读规范草案，但不幸的是我落后于那个部门所以我有一个问题。

这是一个错误，还没有实现，还没有实现或者还不知道？

<div>Hello there</div>
<div>I'm next</div>

div:hover + div { background: blue; } /*works*/
div:focus + div { background: blue; } /*does NOT work*/

编辑：这个div结构选择是一个不好的例子，因为很难将div集中在像jsfiddle这样的环境中，但仍然是一般性的问题。

EDIT2：抓住它，它可以工作，但你不能用鼠标聚焦它。怪异。

EDIT3：你实际上可以，看到已接受的答案。

Answer 1

默认情况下，元素是被动的 - 没有获得焦点。

要使元素具有焦点，它应该是<input>或具有tabindex属性：

试试这个：

＆＃13;

＆＃13;

div:hover + div { background: blue; } 
div:focus + div { background: red; } 

＆＃13;

<div tabindex="1">Hello there</div>
<div>I'm next</div>

＆＃13;

＆＃13;

＆＃13;