Как сделать чтобы блок появлялся при наведении?

Question

[MRcracker]

Как сделать чтобы блок №2 появлялся при наведении на блок №1, но блок номер два не следует за блоком номер один.

Например. Есть меню в котором есть ссылка. Еще есть блок в подвале сайта, который скрыт. Можно ли при помощи css сделать так, чтобы при наведении на пункт меню блок в подвале появлялся?

Answer 1

[WapSter]

Нет на css этого сделать нельзя, да и ненужно когда для этих целей есть js.

Comments

[MRcracker]

нельзя сделать потому что блоки находятся не рядом?

[WapSter]

MRcracker, да. Eдинственный случай когда через css это можно сделать если у блока один родитель и изменения применяются к нижнему по иерархии в html через ~

[MRcracker]

WapSter, спасибо

Answer 2

[Владимир Коротенко]

Только css

.div1 {
  width: 200px;
  height: 50px;
  background: red;
  margin-bottom: 20px;
}
.div1:hover ~.div2{
  display: block;
}
.div2 {
  display: none;
  width: 200px;
  height: 50px;
  background: green;
}

https://jsfiddle.net/vkorotenko/bd54xrtL/

Answer 3

[Muslim Mamaev]

hover{display:block;}