无法获取隐藏菜单展开，即使别处代码相同。

Question

我正在处理我的导航栏，当我第一次开始处理它时，我想出了 display: none / display: blocked thing 以确保它有效，然后将所有内容设置为显示，这样我就可以看到哪些 CSS 更改正在生效，而无需重新将鼠标悬停在所有内容上。一旦我按照我想要的方式获得了东西，我就去转动显示器 "off"，但发现它突然不工作了。我设法返回并重新调整大部分级别，但我的最后一个级别无法正常工作，即使相同的基本语法在我的 CSS 中的其他地方也有效。这是怎么回事？

这是一个 JSfiddle：

enter code herehttp://jsfiddle.net/yu1p1fo6/

Answer 1

您在该部分使用了错误的 class 名称。不是下拉，是下拉菜单：

http://jsfiddle.net/yu1p1fo6/2/

.sub-menu li .drop-menu {
    display: none;
}

.sub-menu li:hover .drop-menu {
    display: block;
}

Answer 2

这两个类被错误地命名为 drop-down 而不是 drop-menu

无法获取隐藏菜单展开，即使别处代码相同。

Can't get hidden menu to expand, even though the same code words elsewhere .

html

css

navigation