Как скрыть при hover в css?

Question

[zjoin]

Есть такая структура, как при ховере на скажем на теге скрыть соседний блок?
https://jsbin.com/subuvucoqe/edit?html,css,output

Answer 1

[romy4]

тут div не соседний элемент для p

Answer 2

[Yakov Vylegzhanin]

https://jsbin.com/rodonebodo/1/edit?html,css,output

Убрал обертку section.

Comments

[zjoin]

Не меняя структуры

[romy4]

zjoin:
section:hover ~ div {
display: none;
}

[Yakov Vylegzhanin]

romy4: так автор хочет, чтобы при наведение на section > p исчезал div, а не на всем section.

[romy4]

Yakov Vylegzhanin: значит никак

Answer 3

[Сергей Вирченко]

jQuery бери, на css без изменения структуры не получится

Comments

[zjoin]

Думал возможно на css, на проекте React, на нем тогда делать.