:hover неправильно работает, что делать?

Question

[Никита Калинин]

Нужно сделать так, чтобы при наведении на "как связаться?" плавно появилась табличка контактными данными. Однако она не должна появляться при наведении на неё саму. Я перепробовал огромное количество способов, но нормального результата так и не добился, постоянно :hover срабатывает как на #connection, так и на .menu. Даже если я ставлю .menu:hover { opacity: 0; }, табличка всё равно появляется. Как-то помогает .menu:hover { display: none; }, однако там появляются недопустимые странности. Неужели эту проблему нельзя исправить в обычном html, и придётся использовать скрипты? И скрипты это же уже javascript вроде, да? Буду крайне благодарен за ответ.

Answer 1

[Narts]

Comments

[Никита Калинин]

Ответ оказался проще, чем я думал, спасибо большое.

Answer 2

[Виталий Кузнецов]

Я бы передал вёрстку и всё такое, вообще задача сильно вырвана из контекста общего, но как-то так она решается.

Внутри nav не делайте блок с контактами. Сделайте его рядом, а манипулируйте поведением через серектор +
И далее блок с контакто можно как угодно спозиционировать.

#connection:hover+.menu {
  opacity: 1;
}

Comments

[Никита Калинин]

Благодарю за совет, учту.

[Никита Калинин]

Вы мне и с ещё одной проблемой помогли, спасибо)