菜单需要Css更改

Question

如下图所示，我在这里有正确的菜单Live link

我已经拥有的内容如下图所示live link 如下图所示，我希望悬停颜色应位于中间而不是左侧

在悬停子菜单上，它看起来像

任何身体帮助我实现菜单的css。

Answer 1

使背景正确填充子菜单

#nav li:hover> .nav li, #nav li:hover > .nav li > a {
color: #7f8185 !important;
border: none;
width: 210px;
margin: 3px 2px;
}

用于更改悬停时的颜色：

 #nav li a:hover {
border: 1px solid #3c9ae8;
color: white;
background: #3c9ae8;
}