css 我想创建一个导航与div显示后，鼠标悬停在一个标签，但悬停不工作

j5fpnvbx 于 2023-04-13 发布在其他

关注(0)|答案(1)|浏览(123)

关于这个

.zakladka-1:hover \~ .menu-zakladki-1 {
background-color: #fff;
visibility: visible;
}

1条答案

实际上我不确定，但我认为你不能在css中访问兄弟姐妹。

<div class="wrapper">
    <div class="sibling-1">

    </div>
    <div class="sibling-2">

    </div>
</div>

因此，您不能将事件放在sibling-1上并期望sibling-2发生某些事情
你能做的就是把事件放在父母身上，告诉孩子们该做什么。

<div class="wrapper">
    <div class="parent">
        <div class="child">

        </div>
    </div>
</div>

在上述情况下，你可以告诉孩子做什么，即：

.parent .child{
    visibility: hidden;
}
.parent:hover .child{
    visibility: visible;
}

希望这对你有帮助。