serovpochta
@serovpochta
Лысый

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

Три элемента расположены просто рядом Дочерним никто не является и являться не может, потому что применен 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

Спасибо за внимание
  • Вопрос задан
  • 1126 просмотров
Решения вопроса 1
Machinez
@Machinez
.hover_block:hover + .shadow:after
  // стили
.hover_block:hover ~ .line_block:after
  // стили
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы