The task at focus to change style of the next block?

Question

css

I have the following code

<div class="1">
      <span class="2">Цена, например</span>
      <input class="3" type="text"/>
</div>

It is necessary to change the color of the span with the class "2" with focus on the input + the styles of the input itself too.
I tried wrapping it all in a label and a form, it didn't work.
Perhaps removing the span tag would work?
Thanks in advance!

Answer 1

Swap input with span, then you can do this:

input:focus + span {
    color:#f00;
}

Unfortunately CSS does not allow selecting the "previous" element

Answer 2

If you can not swap, then only js