Html 使用CSS选择DIV，另一个DIV位于DIVs父级之外

有没有办法在不使用Javascript的情况下在div之外触发div。我尝试了CSS组合器，但没有成功。我不确定我是做错了还是不可能。如果有人知道实现这一目标的方法，我将非常感谢您的帮助

.包装纸{ 显示器：flex； 弯曲方向：行； } .覆盖{ 位置：绝对位置； 底部：100%； 左：0； 右：0； 背景色：008CBA； 溢出：隐藏； 宽度：100%； 身高：0； 过渡：放松； 不透明度：0.5； } .bottom:hover.overlay，.top:hover.overlay{ 底部：0； 身高：100%； } .顶{ 位置：相对位置； 宽度：200px； 高度：200px； 保证金：25px 25px 0px 0px； 背景色：黑色； } .底部{ 高度：200px； 宽度：200px； 背景颜色：绿色； 边缘顶部：25px； }

---

是的，但在某种程度上。在本例中，我可以通过使用~，将鼠标悬停在第一个div上，来旋转html流中的第二个div

一个{ 位置：绝对位置； 宽度：100px； 高度：100px； 背景：红色； } 两个{ 位置：绝对位置； 右：10px； 宽度：100px； 高度：100px； 背景：蓝色； } 一号：悬停~2号{ 动画：旋转2s线性无限； } @关键帧旋转{ 到{变换：旋转360度} }

---

您能否指定作为触发器和将被触发器的特定类回答您的问题？你说触发div是什么意思？CSS不会触发任何东西，它会选择。基于什么，你到底想选择什么？请细化你的问题，并添加更多关于你预期结果的细节。这不完全是我想要实现的，但它同样有效。底部的元素是文本标题和链接所在的位置，但将其置于图像上方也同样好。因此，为了将来的参考，如果它低于父DIV，它将不起作用，它必须高于父DIV？@CSS基本上是在一个方向上处理的。您可以从一个祖先遍历到另一个后代，但不能反过来遍历。也可以遍历到后续同级，但不能遍历到以前的同级。其他任何东西都需要javascript，但您仍然可以按照所需的顺序拥有这些元素。我用flex更新了我的答案。尽管html中的元素出现了问题，但它们仍然像您看到的那样出现。