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當鼠標懸停在子菜單中，祖先菜單消失

回答

相關問題