Как задать свойство элементу с таким вложением?

Question

[Михаил Р.]

Всем привет!

Имеется:

<div class="class1">
  <input type="text" class="class2">
  <div class="class3">123</div>
</div>

Задача:
.class2:hover -> .class3 {color: red;}

Если-бы class3 был-бы внутри class2 - другое дело, да и через js это реализовать не проблема, но может можно обойтись средствами css?

Спасибо!

Answer 1

[iBird Rose]

.class2:hover ~ .class3 {color: red;}
.class2:hover + .class3 {color: red;}

Comments

[Михаил Р.]

Так элементарно, спасибо! =)

Answer 2

[0xD34F]

.class2:hover + .class3 {
  color: red;
}