Html 列表项'li:hover'不工作

谁能告诉我下面的代码有什么问题吗？当鼠标悬停在每个链接上时，我试图使菜单显示列表，但由于某些原因，它不起作用。我已经尝试过

.menu ul:hover{visibility:visible；}

了，但没有成功

请检查我的代码，并提前向您表示感谢

菜单{
宽度：100%；
高度：50px；
背景色：#222；
字体系列：“Arial”；
}
.菜单ul{
列表样式：无；
位置：相对位置；
}
李先生{
宽度：150px；
浮动：左；
}
.菜单a{
填充：15px；
显示：块；
文字装饰：无；
文本对齐：居中；
背景色：#222；
颜色：#fff；
}
.菜单{
位置：绝对位置；
可见性：隐藏；
}
.菜单ul li ul：悬停{
能见度：可见；
}
.菜单a：悬停{
背景色：#F4；
颜色：#fff；
}

我稍微修改了您的代码。子导航

UL

现在嵌套在所需的

LI

中。当您将鼠标悬停在“test2”导航上时，它将显示子导航

下面的CSS行也被修改了。不再使用

：将
悬停在副导航
UL
上，代码现在将以副导航的
LI
为目标，并显示所需的代码

.menu ul li ul:hover {

到


*{
保证金：0；
填充：0；
}
.菜单{
宽度：100%；
高度：50px；
背景色：#222；
字体系列：'Arial'；
}
.菜单ul{
列表样式：无；
位置：相对位置；
}
李先生{
宽度：150px；
浮动：左；
}
.菜单a{
填充：15px；
显示：块；
文字装饰：无；
文本对齐：居中；
背景色：#222；
颜色：#fff；
}
.菜单{
位置：绝对位置；
可见性：隐藏；
}
/*CSS在此修改：当您将鼠标悬停在带有sub nav的LI上时，它将在其中显示UL*/
.菜单ul li：悬停>ul{
能见度：可见；
边框：1px实心#ff0000；
}
.菜单a：悬停{
背景色：#F4；
颜色：#fff；
}


















将哪些菜单项悬停在上方时，应显示哪些元素
test2
应该显示
test3
和
test4
，对吗？随着
test5
显示
test6
，
test7
和
test8
，对吗？
.menu ul li:hover > ul {