CSS下拉菜单，可见不工作

编辑：以防万一将来有人发现这一点，我发现解决方案是从使用可见性：改为显示：，因此在代码中

可见：隐藏；变为显示：无； 可见：可见；变为显示：块

我还没有弄清楚为什么它的可见性在第四个嵌套上不起作用，但至少这似乎解决了它

大家好

我目前正在使用一个下拉菜单，它是使用一些CSS和列表创建的。它工作正常，但由于某些原因，该菜单的第四级未侦听可见性：隐藏；指挥部。根据element inspector，元素被列为已启用，但实际上并没有这样做

例如：

我不会过去的代码，因为它是太日志，可以看到在上面的链接

正如您所看到的，当鼠标悬停在第一个level 2链接上时，它将显示level的3和4，而此时它应该只显示3，然后当3中的li被滚动时，它将显示level的4

我知道有很多更简单的方法来做这个/预构建的事情，但我需要这样做，以便我可以使用joomla的ACL组件，并且不显示菜单项

---

我花了好几个小时没修好，所以提前谢谢你

不确定，但这么多级别的嵌套是一件可怕的事情，在当今时代，可能最好使用一些简单的JavaScript和回退来处理（特别是在嵌套级别很多的情况下），尽管我确实注意到了两件事

• 在我看来，您没有为第四级指定任何样式。您可能需要添加一些，看看这是否是您的问题
• 你有一些CSS看起来 像这样,

---

---

---

这些

li.item[n]

项目要么是其他项目的遗留物，要么是一些未实现的未来想法，但它们肯定不适用于所讨论的菜单。

是的，我知道它很凌乱，但它是由CMS输出的，这是最干净的方式（至少它的表格不像某些可用选项：（）

   .moduletable_topmenu ul.menu li.item69 a {
    height: 2.5em;
   }
   */

   /*
   .moduletable_topmenu ul.menu li.item89 {
    height: 3.7em;
   } 

   .moduletable_topmenu ul.menu li.item89 a {
    height: 2.5em;
   }