@eldar_web

Как при :hover родителя поменять дочерний элемент?

К примеру, есть код:
<div>
 <span></span>
</div>


Как при div:hover менять span?
  • Вопрос задан
  • 15130 просмотров
Решения вопроса 2
DruDro
@DruDro
Технический Писатель
div:hover span {/*стиль для всех span внутри div */
}

div:hover > span {/*стиль для всех span - прямых наследников div */
}

div:hover + span {/*стиль для первого span после div */
}
Ответ написан
IonDen
@IonDen
JavaScript developer. IonDen.com
Пример: jsfiddle.net/2yuak32u/1

<div class='parent'>
    <span class='child1'>1</span>
    <span class='child2'>2</span>
</div>

.child1 {
    display: block;
}
.child2 {
    display: none;
}
.parent:hover .child1 {
    display: none;
}
.parent:hover .child2 {
    display: block;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы