Как применить стиль к родителю или ближайшему?

Question

[Wasya UK]

Как сделать, чтобы при фокусе на input применить стили к его label?

Вот тут закинул...

Заранее спасибо.

Answer 1

[Jaroslaw Goszowski]

1) Обвернуть инпут и label у враппер с position: relative;
2) Padding сверху, чтоб label поместился
3) Сам label - position absolute; top: 0;
4) Но фактически помещаем label сразу после input
5) Для инпута пишем: input:focus+label {color: red}

Comments

[Jaroslaw Goszowski]

Вот пример: https://codepen.io/Goszowski/pen/xYVqVo

Answer 2

[Stalker_RED]

Никак. Если переставить label ниже по коду, можно будет использовать sibling selector'ы (~ или +).

Иначе только скрипты.