Question

该网站是：！问题解答了！

当我将鼠标悬停在我的菜单上时＃34;关于我们＆＃34;背景变成黑色，文字变成白色，然后当我将鼠标悬停在子菜单上时＃34;与我们的团队会面＃34;原作＆＃34;关于我们＆＃34;文字消失了。

我认为它可能与标题链接有关？或祖先

我一直在使用的自定义CSS如下：

#header .menu > li.current_page_item > a {
background-color: #2A60A2;
color: #ffffff;
}

#header .sub-menu > li.current_page_item {
background-color: #2A60A2;
}

#header .menu > li.current-menu-ancestor > a {
background-color: #2A60A2;
color: #fff;
}

#header .menu > li > a:hover {
background-color: #000; 
color: #fff;
}

#header .sub-menu li:hover {
background-color: #2A60A2;
}

Answer 1

将其从#header .menu > li > a:hover更改为#header .menu > li:hover > a

Answer 2

从custom.css

中删除此行

你的CSS

 #header .menu > li.menu-hover > a,
 #header .menu > li.current_page_item > a,
 #header .menu > li.current-menu-ancestor > a,
 #header .menu > li > a:hover {
        color: #fff;
}

将其更改为

 #header .menu > li.current_page_item > a,
 #header .menu > li.current-menu-ancestor > a,
 #header .menu > li > a:hover {
        color: #fff;
}

删除此#header .menu > li.menu-hover > a,

Answer 3

您必须在custom.css第62行更改此CSS。

    #header .menu > li.menu-hover > a, #header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a, #header .menu > li > a:hover {
        color: #777;
    }

Answer 4

  #header .header-links li.menu-parent.menu-hover {
  background: black;
  color: #fff;
}

将此添加到您的css中

CSS当鼠标悬停在子菜单上时，祖先菜单消失

4 个答案: