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

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

.second{display:none;}
  • Вопрос задан
  • 13194 просмотра
Решения вопроса 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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Лига А. Санкт-Петербург
от 50 000 до 70 000 ₽
iSpring Йошкар-Ола
от 80 000 до 130 000 ₽
04 авг. 2020, в 19:46
350000 руб./за проект
04 авг. 2020, в 19:00
1000 руб./за проект
04 авг. 2020, в 18:38
600 руб./за проект