HTML/CSS子菜单

我在将子菜单放入html/css设计的菜单时遇到问题。我附上了一张从给定代码中得到的结果的图片。如果有人能指出我犯的错误，我将不胜感激。我已经看了两遍所有的东西，觉得我只是错误地实现了css

#顶栏{
背景色：#222；
}
#顶杆{
宽度：100%；
保证金：0自动；
文本对齐：左对齐；
}
#主菜单{
列表样式类型：无；
填充：0px；
边际：0px；
位置：相对位置；
最小宽度：200px；
}
#主菜单李{
显示：内联块；
宽度：200px；
}
#主菜单：悬停{
背景色：#333；
}
#主菜单李a{
颜色：#CCC；
显示：块；
填充：15px；
文字装饰：无；
}
#主菜单li：悬停ul{
显示：块；
}
#姐妹菜单{
显示：无；
位置：绝对位置；
背景色：#333；
边框：5px实心#222；
边界顶部：0；
左边距：-5px；
}
#李国章{
显示：块；
}
#SORTMENUS li a:悬停{
颜色：#699；
}
#SORTMENUS li:悬停ul{
显示：内联块；
}
#索特松菜单{
显示：在线显示；
位置：相对位置；
背景色：#333；
边框：5px实心#222；
左边框：0；
左边距：-5px；
}
#索特松里{
显示：内联块；
}
#Sortsongli a:悬停{
颜色：#DB7093；
}

需要：

#sortmenu li:hover ul

也在

#SortSong菜单下

display: in-line;

需要

display: none;

---

您实际上还没有说问题出在哪里。@Dominofoe问题似乎是，当鼠标悬停在父菜单上时，菜单的第三层总是打开的。所以您想在鼠标悬停在歌曲上时打开a-z和z-a？是的，很抱歉没有说清楚，我完成了建议的更改，但没有更改任何内容。非常感谢。因此，从我所能收集到的信息来看，不包括“>”导致从ul in#主菜单显示的所有内容，这导致在将鼠标悬停在sort by上时子菜单也会显示？这种理解正确吗？另外，如果我想让子菜单显示在第一个子菜单的右侧，我该怎么做？重要的变化是将“in-line”（实际上根本不是属性）更改为“none”。没有悬停时，没有任何东西使您的SortSong菜单列表不显示。其余的变化只是一点清理。我删除了一些不起任何作用的规则，并添加了“>”，这样悬停效果只对直接子代而不是所有子代产生。尝试将此选项放置在第一个子菜单的右侧。我刚刚使用position:absolute、top:-5px和left:100%将其与菜单父列表项的右侧对齐。

display: none;