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

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

.second{display:none;}
  • Вопрос задан
  • 13850 просмотров
Решения вопроса 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
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
@barkalov забыл еще про один селектор:
div.first ~ div.fourth {
display: none;
}
div.first:hover ~ div.fourth {
display: block;
}
Тогда элементам достаточно просто иметь общего родителя.
codepen.io/iiil/pen/paLum
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 07:19
40000 руб./за проект
26 окт. 2020, в 03:15
100000 руб./за проект
26 окт. 2020, в 02:20
25000 руб./за проект