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

Question

[fantazerno]

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

.second{display:none;}

Answer 1

[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;
}

Comments

[fantazerno]

Отлично , еще бы была возможность , при ухода курсора с первого дива на второй , второй не исчезал (как вложенное меню )

[fantazerno]

Разобрался ) Спасибо!

[Алексей Ванин]

jsfiddle.net/RAvSc/1

Answer 2

[Алексей Ванин]

jsfiddle.net/RAvSc

Answer 3

[Юрий Лобанов]

@barkalov забыл еще про один селектор:
div.first ~ div.fourth {
display: none;
}
div.first:hover ~ div.fourth {
display: block;
}
Тогда элементам достаточно просто иметь общего родителя.
codepen.io/iiil/pen/paLum