修复HTML子菜单

我无法打开子菜单，我想在我悬停在“服务”子菜单上时打开子菜单，我想我在CSS中有一些错误

我尝试只使用CSS来修复菜单

我已经试过了，但不幸的是，这个问题没有得到解决

这是CSS和HTML代码：

@导入url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*弹出式菜单的启动程序CSS*/
#cssmenu，
#cssmenu ul，
#cssmenu ul li，
#cssmenu ul{
列表样式：无；
保证金：0；
填充：0；
边界：0；
}
#cssmenu ul{
位置：相对位置；
z指数：597；
浮动：左；
}
#cssmenu ul li{
浮动：左；
最小高度：1px；
线高：1米；
垂直对齐：中间对齐；
}
#cssmenu ul li.hover，
#cssmenu ul li：悬停{
位置：相对位置；
z指数：599；
游标：默认值；
}
#cssmenu ul{
页边顶部：1px；
可见性：隐藏；
位置：绝对位置；
顶部：1px；
左：99%；
z指数：598；
宽度：100%；
}
#cssmenu ul li{
浮动：无；
}
#cssmenu ul{
顶部：1px；
左：99%；
}
#cssmenu ul li{
浮动：无；
}
#cssmenu ul li{
字体大小：正常；
}
/*自定义CSS样式*/
#cssmenu{
字体系列：“Lato”，无衬线；
字号：18px；
宽度：200px；
}
#cssmenu ul a，
#cssmenu ul a：链接，
#cssmenu ul a：已访问{
显示：块；
颜色：848889；
文字装饰：无；
字体大小：300；
}
#cssmenu>ul{
浮动：无；
}
#cssmenu ul{
背景：#fff；
}
#cssmenu>ul>li{
左边框：3px实心#d7d8da；
}
#cssmenu>ul>li>a{
填充：10px 20px；
}
#cssmenu>ul>li:悬停{
左边框：3px实心#3dbd99；
}
#cssmenu ul li：悬停>a{
颜色：#3dbd99；
}
#cssmenu>ul>li:悬停{
背景：#f6f6f6；
}
/*子菜单*/
#cssmenu ul a：链接，
#cssmenu ul a：已访问{
字体大小：400；
字体大小：14px；
}
#cssmenu ul{
宽度：180px；
背景：无；
左边框：20px实心透明；
}
#cssmenu ul a{
填充：8px0；
边框底部：1px实心#eeeee；
}
#cssmenu ul li{
填充：0 20px；
背景：#fff；
}
#cssmenu ul li：最后一个孩子{
边框底部：3px实心#d7d8da；
垫底：10px；
}
#cssmenu ul li：第一个孩子{
填充顶部：10px；
}
#cssmenu ul li：最后一个孩子>a{
边框底部：无；
}
#cssmenu ul li：第一个孩子：之后{
内容：''；
显示：块；
宽度：0；
身高：0；
位置：绝对位置；
左：-20px；
顶部：13px；
左边框：10px实心透明；
右边框：10px实心#fff；
边框底部：10px实心透明；
边框顶部：10px实心透明；
}

标题

我建议不要对子菜单使用

可见性：隐藏，而是对子菜单使用
显示：无
（在下面我的代码片段中更改了
#cssmenue ul
规则）

除此之外，您还需要一个CSS规则，在父级
li
悬停时将直接子级
ul
切换到
display:block
，使用此规则：

#cssmenu ul li:hover > ul {
  display: block;
}


@导入url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*弹出式菜单的启动程序CSS*/
#cssmenu，
#cssmenu ul，
#cssmenu ul li，
#cssmenu ul{
列表样式：无；
保证金：0；
填充：0；
边界：0；
}
#cssmenu ul{
位置：相对位置；
z指数：597；
浮动：左；
}
#cssmenu ul li{
浮动：左；
最小高度：1px；
线高：1米；
垂直对齐：中间对齐；
}
#cssmenu ul li.hover，
#cssmenu ul li：悬停{
位置：相对位置；
z指数：599；
游标：默认值；
}
#cssmenu ul{
页边顶部：1px；
显示：无；
位置：绝对位置；
顶部：1px；
左：99%；
z指数：598；
宽度：100%；
}
#cssmenu ul li：悬停>ul{
显示：块；
}
#cssmenu ul li{
浮动：无；
}
#cssmenu ul{
顶部：1px；
左：99%；
}
#cssmenu ul li{
浮动：无；
}
#cssmenu ul li{
字体大小：正常；
}
/*自定义CSS样式*/
#cssmenu{
字体系列：“Lato”，无衬线；
字号：18px；
宽度：200px；
}
#cssmenu ul a，
#cssmenu ul a：链接，
#cssmenu ul a：已访问{
显示：块；
颜色：848889；
文字装饰：无；
字体大小：300；
}
#cssmenu>ul{
浮动：无；
}
#cssmenu ul{
背景：#fff；
}
#cssmenu>ul>li{
左边框：3px实心#d7d8da；
}
#cssmenu>ul>li>a{
填充：10px 20px；
}
#cssmenu>ul>li:悬停{
左边框：3px实心#3dbd99；
}
#cssmenu ul li：悬停>a{
颜色：#3dbd99；
}
#cssmenu>ul>li:悬停{
背景：#f6f6f6；
}
/*子菜单*/
#cssmenu ul a：链接，
#cssmenu ul a：已访问{
字体大小：400；
字体大小：14px；
}
#cssmenu ul{
宽度：180px；
背景：无；
左边框：20px实心透明；
}
#cssmenu ul a{
填充：8px0；
边框底部：1px实心#eeeee；
}
#cssmenu ul li{
填充：0 20px；
背景：#fff；
}
#cssmenu ul li：最后一个孩子{
边框底部：3px实心#d7d8da；
垫底：10px；
}
#cssmenu ul li：第一个孩子{
填充顶部：10px；
}
#cssmenu ul li：最后一个孩子>a{
边框底部：无；
}
#cssmenu ul li：第一个孩子：之后{
内容：''；
显示：块；
宽度：0；
身高：0；
位置：绝对位置；
左：-20px；
顶部：13px；
左边框：10px实心透明；
右边框：10px实心#fff；
边框底部：10px实心透明；
边框顶部：10px实心透明；
}

标题