Html 使嵌套列表元素显示在鼠标上方

我正在尝试制作一个可折叠/可扩展的导航栏菜单。我有正确的目标元素，但我无法让它在悬停时显示子菜单

我希望保持HTML的原样，如果可能的话，不要使用任何类。我想学习在没有类的情况下实现这一点的基础知识，以便更好地理解我在操作HTML元素时所做的事情。这样做的主要目的是让您能够轻松地访问元素

ul{
列表样式：无；
}
ullia{
颜色：白色；
显示：无；
}
ul li：悬停a{
显示：块；
背景色：红色；
}
ul-ul-li{
背景颜色：粉红色；
颜色：白色；
}
ul li：悬停ul a{
显示：块；
背景颜色：紫色；
}

音乐

歌曲






相册








录像带








关于

您的HTML标记结构错误

此外，您应该只处理

的显示，而不是

相册










录像带









关于

您的HTML标记结构错误

此外，您应该只处理

的显示，而不是

相册










录像带









关于

我的结构错误是什么意思？这是我到目前为止所学的唯一方法，我以前从未见过CSS像这样声明。你说我的结构错误是什么意思？这是到目前为止我所学的唯一方法，我以前从未见过CSS像这样声明。