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

-1

当我将鼠标悬停在我的菜单“关于我们”的背景变为黑色和白色的文字，然后当我将鼠标悬停在子菜单中的“认识我们的团队”原来的“关于我们”文本消失。

我想可能有标题链接呢？或祖先

自定义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; 
}

来源

2017-08-02 Sujeethan Vigneswaran

变化从#header .menu > li > a:hover到#header .menu > li:hover > a

来源

2017-08-02 14:04:27 i7nvd

非常完美的！非常感谢你，我一直在这个问题上停留了这么久哈哈。 –

只需阅读您的CSS！当用户在'a'元素上徘徊时，你告诉它要改变。一旦他们进入菜单，他们不再徘徊在'a'上吗？ – i7nvd

明白了！谢谢你的帮助 –

从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,

来源

2017-08-02 14:04:45

你必须改变这个CSS在custom.css线62

#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; 
    }

来源

2017-08-02 14:04:54 vel

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

添加到您的CSS

来源

2017-08-02 14:17:45

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

回答

相关问题