: focus pseudo class with next sibling curiosity

Question

Я знаю, что люди здесь, как правило, читают черновик спецификации, но, к сожалению, я отстаю в этом отделе, поэтому у меня есть вопрос.

Это ошибка, еще не реализована, не будет реализована или еще неизвестна?

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

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

EDIT: эта структура ДИВ выбор плохой пример, потому что это очень трудно сосредоточиться на DIV в среде вроде jsfiddle, но все-таки общий вопрос.

EDIT2: Поцарапайте это, он работает, но вы не можете сфокусировать его с помощью мыши. Weird.

EDIT3: Вы действительно можете, см. Принятый ответ.

Answer 1

По умолчанию элемент пассивный - не получает фокус.

Для того, чтобы элемент фокусируемый он должен быть либо <input> или имеет tabindex атрибут:

Попробуйте это:

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

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