Как при помощи css , при наведении на один див появлялся другой?

Как при помощи css , при наведении на один див появлялся другой

.second{display:none;}
  • Вопрос задан
  • 17785 просмотров
Решения вопроса 1
barkalov
@barkalov
Только если один вложен в другой:
div.outer div.inner {
    display: none;
}
div.outer:hover div.inner {
    display: block;
}

Либо один идет прямо следом за другим:
div.first + div.second {
    display: none;
}
div.first:hover + div.second {
    display: block;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
jask
@jask
Разработчик
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
@barkalov забыл еще про один селектор:
div.first ~ div.fourth {
display: none;
}
div.first:hover ~ div.fourth {
display: block;
}
Тогда элементам достаточно просто иметь общего родителя.
codepen.io/iiil/pen/paLum
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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