Css 父li在子列表项上时保持颜色

编辑主题导航菜单时遇到问题。我正在使用AvadaWordPress主题。这是我正在工作的网站

http://192.185.2.154/~sogo/tempsourceoneevents.com/

当我处于没有子级别的父级别时，当前页面代码可以工作。如果您去参展商服务处（电子）。子li的代码正确，但父li的背景色丢失

当我在导航的子部分上盘旋时，我也遇到了麻烦。如果我浏览“部门”，然后将鼠标悬停在世博会上，部门会丢失白色文本。这一定是因为我将a颜色设置为蓝色

我的CSS用于导航

#wrapper .header-social {
    background-color: #536F9E !important;
}

#nav ul li:hover {
    background-color: #536F9E !important;
}

#wrapper .header-social .menu > li, .mobile-menu-sep {
    border-color: #385077 !important;
}

li.current_page_item, li.current_page_item a {
    background-color: #536F9E !important;
    color: #ffffff !important;
}

#wrapper #nav ul li ul li > a:hover {
    color: #fff;
    background-color: #536F9E !important;
}

#nav ul li ul li {
    border-bottom: 1px solid #F1F1F1;
}

#wrapper .nav-holder li li > a, .top-menu li > a {
    transition: color 0 ease-in-out, border-color .2s ease-in-out;
    -o-transition: color 0 ease-in-out, border-color .2s ease-in-out;
    -moz-transition: color 0 ease-in-out, border-color .2s ease-in-out;
    -webkit-transition: color 0 ease-in-out, border-color .2s ease-in-out;
}

#nav ul li {
    padding: 0 !important;
    border-right: 1px solid #d7d7d7;
}

#nav ul li a {
    padding: 0 13px !important;
}

#nav ul li ul li a {
    padding: 7px 33px !important;
}

#nav ul li:last-child {
    border-right: 0 !important;
}

#nav ul li.last-menu-item {
    padding-right: 13px !important;
}

.header-v4 #header .search {
    margin-top: 15px !important;
}

.header-v4 #small-nav, .header-v5 #small-nav {
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(247,247,247,1)),color-stop(100%,rgba(232,232,232,1)));
    background: -webkit-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
    background: -o-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
    background: -ms-linear-gradient(top,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
    background: linear-gradient(to bottom,rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#e8e8e8',GradientType=0);
}

#wrapper .page-title h1, .page-title ul li, .page-title ul li a {
    color: #fff !important;
}

---

您已使用此CSS：

#wrapper #nav ul li ul li > a:hover {
color: #fff;
background-color: #536F9E !important;

}

因此，当您在子li上悬停时，一切正常，但父级文本的颜色返回到#536F9E，这与背景颜色相同，因此文本不可见。

---

尝试为背景和文本使用不同的颜色。

Wordpress在导航中为父页面提供了类，所以只需将.current menu Precenter和.current menu Parenter添加到：hover即可

    #nav ul li:hover > a, .current-menu-ancestor > a, .current-menu-parent > a {
        background-color: #536f9e !important;
        color: #ffffff !important;
    }

---

这几乎解决了我的问题，但是，当您转到“部门->显示要素->表格”时，父部门和表格会正确高亮显示，但“显示要素”“没有白色文本。太棒了！这很有帮助。希望不要打扰你们太多，但我仍然有一个问题，儿童名单，并不是当前的菜单。说你是否在任何顶级页面上。然后将鼠标悬停在部门->专业家具->椅子上。第一个子项“特殊家具”不保留白色。