CSS元素（DIV）隐藏和浮动

当div元素悬停（鼠标悬停）时，如何隐藏位于div元素上方的表元素

仅CSS**

---

提前谢谢

我按照你的要求编辑了你的小提琴：。（注意“重叠”类）

---

简单的回答；你不能。CSS中没有父选择器。您需要JavaScript来实现这一点。。。但是，如果“上面”的意思是“的祖先”，则可以扩展悬停元素的大小，从而重叠（从而“隐藏”）上面的元素。我该如何处理这个问题？这正是我所需要的，它可以在没有课堂或id的情况下完成吗？你为什么要在没有课堂的情况下做这样的事情呢？学习/教学目的scss3:

表格+div{background color:red；top:-65px；margin:2px；display:block；}

表格+div:hover{top:-160px；padding top:95px；}

+

基本上是指

之后的意思，这应该行得通，你能把它放在小提琴里吗？
<div class="overlap" style="">
test
</div>

.overlap {
    background-color:red; top:-65px; margin:2px; display:block;
}
.overlap:hover{
    top:-160px;
    padding-top:95px;
}