1

我很确定我没有在 css 中获得用于构建它的层次结构。我似乎找不到一个可以真正向我解释它的地方，以及每个级别的工作原理。我找到了一些这样的节目，但是当你构建它时，如果你不知道，至少对我来说，有点难以看到。到目前为止，从未真正令人惊讶地使用过 css。如果有人不介意指出我的错误并解释它。:)

我刚刚尝试添加第二下降（下拉到我的下拉），在初始隐藏下拉下水平显示，选择正确的位置，所以正确的PHP ID将填充链接。我包含了 PHP，所以如果我把它弄错了，也有人可以向我指出这一点。

还要补充一点：当我将鼠标悬停在“项目”上而不是像它应该悬停在已填充的项目上时，第二级隐藏的下拉链接似乎在那里。奇怪的是链接实际上并没有显示（不可见），但如果我把鼠标放在那里，即让我知道那里有一个链接。

http://jsfiddle.net/HHwLH/

4

1 回答 1

1

在你的 CSS

#navbar li:hover ul, #navbar li.hover ul {
    position: absolute;
    display: inline;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

您的子菜单和子子菜单受此影响。
当您将鼠标悬停在 标记中的li所有ul后代（子菜单和子子菜单）上时， s 是 the 的子项，因此您可以使用子项选择器而不是后代选择器来仅显示直接子菜单/ul。
ulli

#navbar li:hover > ul, #navbar li.hover > ul {
    position: absolute;
    display: inline;
    left: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

这将适用于子菜单和子子菜单

小提琴

于 2012-07-05T05:21:15.370 回答