Css 悬停后更改对象可见性

我希望div中的图片位于表的下方，以便在内容显示悬停后，问题是我无法更改html所有元素的大小都应相同，并显示为内联块

td{
显示：块！重要；
可见性：隐藏
}
.hide:悬停：第n个子项（n）+表：第n个子项（n）tbody tr td.td1{
可见性：可见！重要
}
.hide{宽度：100px；高度：200px；显示：内联块；
}
tbody{宽度：100px；高度：200px；显示：内联块；
}

以下是我认为您正在尝试做的事情。请注意，我添加了

html实体以确保显示div。您可以在元素上设置最小高度

CSS的工作原理：

因为我永远不会想到在DOM中技术上不存在的东西上悬停会在哪里起作用，所以您希望在表上查找悬停，然后在其后更改

.hide

元素的可见性

.hide{
显示：无；
}
表：悬停+隐藏{
显示：继承！重要；
}

洛雷姆。
奎拉特。

在

.hide

上默认值的样式定义在哪里？发布代码段时，至少要确保它按照您想要的方式工作。我只看到一个空白页。@jhect它只是一个类，因为默认情况下，这个div display属性设置为none，但我希望它可见。顺便说一句，我不知道为什么这个代码段不工作。如果它设置为

display:none

，那么您在这里的设置将永远无法工作。