javascript - 如何在 CSS 上制作鼠标离开？

Question

我创建了一个 UL，它是一个搜索框，我希望当鼠标离开包含搜索框的 div 时，这个列表消失。我使用普通的 JS 来管理这个：

document.querySelector('.wrapperElasticLi').addEventListener('mouseleave', function(event) { event.target.style.display = 'none' })

但它被拒绝了，因为他们告诉我他们不希望使用 javascript 并告诉我通过 CSS 来完成。

CSS方式是什么？

谢谢

标签： javascriptcss

Answer 1

这可以工作：

ul {display:none;}
.container:hover ~ ul { display: block; }