在使用html的下拉菜单中，当鼠标在子菜单中时，如何保持父菜单悬停？

下面是一个部分的代码，我需要在浏览子菜单时保持悬停效果

.container{
最大宽度：1000px；
保证金：0自动；
}
导航{
背景：#fff；
盒影：0.15px 0 rgba（0,0,0,10）；
字体系列：“流沙”，无衬线；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
位置：相对位置；
}
李海军{
显示：内联块；
}
导航a{
颜色：#000；
文字装饰：无；
显示：块；
填充：0.75em 1.75em；
}
李导航：悬停{
背景：#fff；
}
李导航：悬停a{
颜色：#000；
}
.主菜单{
身高：8%；
垂直对齐：中间对齐；
}
.菜单子菜单{
位置：绝对位置；
左：0；
背景：#fff；
宽度：100%；
显示：无；
颜色：#fff；
填料：2米；
}
导航李：悬停菜单子菜单{
显示：块；
}
.菜单子李{
显示：块；
}
.菜单子a{
填充：0；
边缘底部：0.35em；
字号：1em；
字体系列：“流沙”，无衬线；
}
.菜单子菜单a：悬停{
字体大小：粗体；
}
.菜单类男士{
边距：1米0 1米；
颜色：#3498db；
字号：1em；
字体系列：“流沙”，无衬线；
}
.menu-col-1{
浮动：左；
宽度：25%；
}
.菜单
{
边框底部：4倍纯白；
边缘顶部：5px；
左边距：5px；
右边距：5px；
背景：透明！重要；
字体系列：“流沙”，无衬线；
字体大小：粗体；
}
.菜单：悬停
{
过渡：轻松0.5s！重要；
边框底部：4px实心#3498db；
}

上衣

将此代码添加到CSS中。应该做这个把戏！：）：

---

将

：hover

状态置于

li

而不是链接上

li:hover .menu_men {
  transition: ease 0.5s !important;
  border-bottom: 4px solid #3498db;
}

.container{
最大宽度：1000px；
保证金：0自动；
}
导航{
背景：#fff；
盒影：0.15px 0 rgba（0,0,0,10）；
字体系列：“流沙”，无衬线；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
位置：相对位置；
}
李海军{
显示：内联块；
}
导航a{
颜色：#000；
文字装饰：无；
显示：块；
填充：0.75em 1.75em；
}
李导航：悬停{
背景：#fff；
}
李导航：悬停a{
颜色：#000；
}
.主菜单{
身高：8%；
垂直对齐：中间对齐；
}
.菜单子菜单{
位置：绝对位置；
左：0；
背景：#fff；
宽度：100%；
显示：无；
颜色：#fff；
填料：2米；
}
导航李：悬停菜单子菜单{
显示：块；
}
.菜单子李{
显示：块；
}
.菜单子a{
填充：0；
边缘底部：0.35em；
字号：1em；
字体系列：“流沙”，无衬线；
}
.菜单子菜单a：悬停{
字体大小：粗体；
}
.菜单类男士{
边距：1米0 1米；
颜色：#3498db；
字号：1em；
字体系列：“流沙”，无衬线；
}
.menu-col-1{
浮动：左；
宽度：25%；
}
.菜单{
边框底部：4倍纯白；
边缘顶部：5px；
左边距：5px；
右边距：5px；
背景：透明！重要；
字体系列：“流沙”，无衬线；
字体大小：粗体；
}
李：悬停，菜单上有人{
过渡：轻松0.5s！重要；
边框底部：4px实心#3498db；
}

上衣

li:hover .menu_men {
  transition: ease 0.5s !important;
  border-bottom: 4px solid #3498db;
}