主动对焦悬停：转到子菜单时保持父对焦悬停

Question

使用引导程序制作导航菜单，我想保持父焦点悬停，而louse焦点到子菜单 这是我的代码

.nav-horizontal > li {
    font-size: 16px;
    padding: 2px;
    float: left;
    border-right: 1px solid #535152;
}
.nav-horizontal > li:last-child {
    border-right: none;
}
.nav-horizontal > li > a {
    border-radius: 0;
    text-transform: uppercase;  
    color: #231f20;
    font-weight: bolder;
}
.nav-horizontal > li + li {
    margin-left: 2px;
}
.nav-horizontal > li.active > a,
.nav-horizontal > li.active > a:focus {
    color: #fff;
    background-color: #ffffff;
}
.nav-horizontal > li:hover > a > a {
    background: #373435;
    color: #ffffff !important;
}

我已经改变但是它仍然无法集中父母的徘徊。如何解决？

Answer 1

尝试以下结构

 .nav-horizontal ul li:hover > a {
    background: #373435;
    color: #ffffff !important;
}