Javascript 是否有可能只使用CSS和HTML鼠标覆盖一个将消失的组件？

我试着这么做，但正如这篇文章所显示的，它似乎不起作用

CSS代码：

div {
    background-color: yellow;
    padding: 20px;
    display: block;
}

div:hover {
    display: none;
}

---

因此，我们必须使用javascript来实现我的目的吗？

您可以使用

不透明度：0而不是
显示：无



div{
背景颜色：黄色；
填充：20px；
显示：块；
}
div:悬停{
不透明度：0；
}
在我上空盘旋！
我将在悬停中显示
是。CSS是finnicky，您必须首先了解父子关系

使其在将鼠标悬停在父对象上时隐藏子对象。
操作方法：如果隐藏该元素，您将不再在其上悬停，因此它将重新出现，CSS无法决定要做什么

还有一个注意事项：在这种情况下，如果使用
display:none
，它仍然会出现痉挛，因为它会更改父对象的大小。我使用了
visibility:hidden
来解决这个问题


.hide\u hover:hover span{visibility:hidden；}
意味着父类为
hide\u hover
的
span
将在父对象悬停时隐藏。
您可以在：hover上添加display:none？是的。我认为在包含的演示链接中是这样的。很抱歉，请使用“不透明度：0”或“可见性：hiddenOnce”它是隐藏的，没有悬停的内容，因此它会再次出现。可能一次又一次地发生，但过快地看不到转换，因为代码应该显示在问题本身中。我们不应该仅仅为了审查您的初始问题而离开现场。演示是有帮助的，但仅作为对问题中实际存在的内容的支持（实际上是“我不会在悬停时显示”；）