Почему при наведении указывается на соответствующем ярлыке в CSS?

Я что-то упустил, или поведение этого примера -http://dabblet.com/result/gist/1716833 - довольно странно в Webkits / Fx?

Есть вход с меткой и следующим селектором:

input:hover + .target {
    background: red;
}

И этот стиль срабатывает, когда вы наводитеlabel прикреплен кinputне толькоinput сам. Еще больше: есть разница междуlabel с участиемfor а такжеinput завернутый вlabel - если бы тыinput сначала, а затем переместите курсор прямо к.target - странный зависание не будет срабатывать в завернутой версии.

И это воспроизводится только в Firefox и Safari / Chrome, но в Opera все нормально.

Итак, вопросы: если эта проблема описана где-то в спецификации? Я не мог найти подходящее место, которое описывает это и говорит, какое поведение правильно.

Ответы на вопрос(1)

Ваш ответ на вопрос