鼠标悬停触发下层兄弟姐妹？

Question

我有2个兄弟divs。一个div是一个子导航，部分覆盖滑块div。我在滑块上有一个鼠标悬停事件，它隐藏了子导航。

问题是，只要我将鼠标悬停在子导航上，即使我的鼠标还没有触摸滑块，也会触发滑块鼠标悬停事件 - 尽管鼠标技术上位于滑块之上 - 它只是被覆盖了子导航。

希望我能很好地解释一下，有人会理解。有没有解决这个问题的方法？

感谢。

Answer 1

如果你试图隐藏第二个兄弟，这将有效。只需将css类名称（subNav，slider）替换为实际的名称即可。另外，代替left:100px做你想做的任何事情到第二个div。

div.subNav:hover + div.slider {
   left: 100px;
}

加号（+）是css中的“相邻兄弟选择器”。