Менять стили двух разных элементов при hover на другой (третий)?

Question

[Чёкатилло]

Три элемента расположены просто рядом Дочерним никто не является и являться не может, потому что применен overflow: hidden

<div class="hover_block"></div>
<div class="shadow"></div>
<div class="line_block"></div>

Элементы, на который должен повлиять hover имеют псевдоэлементы
B точнее, именно на псевдоэлементы и обращен hover и изменять нужно их, но изменяется всегда только один расположенный выше в каскаде элемент

Вопрос: как изменять два псевдоэлемента (shadow:after , line_block:after) при hover на один (hover_block)?

hover происходит таким образом:
.hover_block:hover + .shadow:after

Спасибо за внимание

Answer 1

[Danila]

.hover_block:hover + .shadow:after
  // стили
.hover_block:hover ~ .line_block:after
  // стили

Comments

[Чёкатилло]

Спасибо, но что-то тоже самое, только на один действует

[Danila]

Баба Маша: https://codepen.io/DNLHC/pen/OjWpjz

[Чёкатилло]

Данила: Спасибо У меня чет не то

[Чёкатилло]

Данила: Оказывается, фишка в порядке знаков
Сначала ~ , затем только +

[Danila]

Баба Маша: Стоило показать код, не ясно почему у вас ~ переопределял +, если селектор один то да, ~ должен идти первым