How to apply style to parent or closest?

Question

css

How can I apply styles to the label when the input is focused?
Here I threw it ...
Thanks in advance.

Answer 1

1) Wrap the input and label of the wrapper with position: relative;
2) Padding on top to fit the label
3) The label itself is position absolute; top: 0;
4) But actually we put the label right after the input
5) For the input we write: input:focus+label {color: red}

Answer 2

No way. If you rearrange the label below in the code, you can use sibling selectors (~ or +).
Otherwise, only scripts.