Задать вопрос
@fantazerno
html

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Отрисовать дизайн страницы "Календарь мероприятий" для школы бизнеса
20 апр. 2024, в 16:12
1000 руб./за проект
Разработать англоязычную версию корпоративного сайта на Statamic
20 апр. 2024, в 15:58
1500 руб./в час
Запись обучающих роликов и написание по машинному обучению
20 апр. 2024, в 15:40
3000 руб./за проект
Ещё заказы