Мучаюсь с эффектом наведения :hover необходимо сделать такой эффект когда при наведении на один элемент меняются свойства другого, вот небольшой пример:
.div_1:hover .div_effect {
background-color: red;
}
<div class="block_1">
<div class="wrap">
<div class="div_1"></div>
<div class="div_2"></div>
<div class="div_3"></div>
</div>
</div>
<div class="block_2">
<div class="div_effect"></div>
</div>
Но такая конструкция не работает, из тестирования понял что эффект отлично применяется на наводимый элемент или на его дочерние элементы, но наведение не работает если элемент к которому оно должно применяться находится за пределами наводимого блока. Подскажите как решить этот вопрос?
P.S. Надеюсь достаточно понятно передал суть проблемы.
.div_1:hover .div_effect
значит элемент с калссомdiv_effect
у которого есть родитель с классомdiv_1
и при наведении на родителя дать стиль его потомку. а у вас они не вложены друг в друга. – Raz Galstyan 13 июн '17 в 10:37