Html 当子菜单处于活动状态时，如何使菜单保持悬停状态？

当鼠标悬停在子菜单上时，我需要在CSS中包含什么才能使菜单文本保持黑色

我尝试过系统地浏览我当前的：hover元素，包括>（如果可能的话），并将其他代码中的相关部分改编成CSS。我还仔细研究了类似的问题，希望找到适用的代码，但没有成功

#菜单{
宽度：100%；
位置：固定；
背景：#333；
颜色：#fff；
}
#左菜单{
位置：相对位置；
浮动：左；
保证金：0；
填充：0px；
}
#菜单ul a{
显示：块；
颜色：#fff；
文字装饰：无；
填充：0 15px；
}
#菜单：悬停{
显示：块；
颜色：#333；
文字装饰：无；
填充：0 15px；
}
#菜单ulli{
列表样式类型：无；
位置：相对位置；
浮动：左；
保证金：0；
填充：0px；
}
#菜单：悬停{
背景：#f6f6f6；
颜色：#333；
}
#菜单{
显示：无；
位置：绝对位置；
背景：#f6f6f6；
颜色：#333；
}
#菜单ul li：悬停>ul{
显示：块；
}

在css中的

菜单ul li:hover

中添加了

元素


#菜单{
宽度：100%；
位置：固定；
背景：#333；
颜色：#fff；
}
#左菜单{
位置：相对位置；
浮动：左；
保证金：0；
填充：0px；
}
#菜单ul a{
显示：块；
颜色：#fff；
文字装饰：无；
填充：0 15px；
}
#菜单：悬停{
显示：块；
颜色：#333；
文字装饰：无；
填充：0 15px；
}
#菜单ulli{
列表样式类型：无；
位置：相对位置；
浮动：左；
保证金：0；
填充：0px；
}
#菜单ul li：将鼠标悬停在a上{
背景：#f6f6f6；
颜色：#333；
}
#菜单{
显示：无；
位置：绝对位置；
背景：#f6f6f6；
颜色：#333；
}
#菜单ul li：悬停>ul{
显示：块；
}












欢迎来到SO！这是：