Как менять по фокусу инпута цвет лейбла?

Question

[olya_097]

<div class="main-footer__box"> 
  <label for="">Ваше имя</label> 
  <input type=""> 
</div>

Answer 1

[0xD34F]

Никак. Поменяйте инпут и лейбл местами.

UPD. Теперь можно:

.main-footer__box:has(input:focus) label {
  color: red;
}

Comments

[olya_097]

просто так в макете

[0xD34F]

olya_097, что в макете? Словами скажите.

[olya_097]

0xD34F, в макете label
а под ним input

[0xD34F]

olya_097, родительскому элементу display: flex, дочерним задать порядок отображения с помощью order.

[olya_097]

0xD34F, получилось
спасибо