Html Can'；不要让隐藏菜单展开，即使其他地方有相同的代码。

我正在处理我的导航栏，当我第一次开始处理它时，我计算了display:none/display:blocked的内容以确保它工作，然后将所有内容设置为display，这样我就可以看到CSS更改正在生效，而无需在所有内容上重新悬停。一旦我得到了我想要的东西，我就去关掉显示器，但突然发现它不工作了。我设法返回并重新调整了大多数级别，但我的最后一个级别不起作用，即使相同的基本语法在CSS的其他地方也起作用。发生什么事了

下面是一个JSFIDLE：

---

在此处输入代码

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

---

这两个类被错误地命名为下拉菜单而不是下拉菜单

谢谢！（拍脑袋）这么简单的疏忽。谢谢！真不敢相信我错过了！

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

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