如何停止突出顯示Wordpress中的下拉菜單？

Question

我有一個下拉菜單的Wordpress菜單。我遇到的問題是當父頁面突出顯示時，下面的下拉項目也會突出顯示。這是一個問題，因爲父級用圖像突出顯示。下拉菜單需要用一種顏色突出顯示。當父頁面不是當前頁面時，它工作正常。有人能幫忙嗎？

#navbar li.current_page_item a { 
    background:url(../images/activetab.png); 
    width:95px; 
    height:30px;  
} 

#navbar li li.current_page_item a { 
    background:#e9536c; 
    font-size:12pt; 
    width:150px;  
    color:black;  
} 

Answer 1

我很確定你的第二個選擇器是錯的。試試這個代碼：

#navbar li.current_page_item a { 
    background:url(../images/activetab.png); 
    width:95px; 
    height:30px;  
} 

#navbar li.current_page_item li a, 
#navbar li li.current_page_item a { 
    background:#e9536c; 
    font-size:12pt; 
    width:150px;  
    color:black;  
} 

這將目標裏的是那些當前頁面項的當前頁面項目的子元素和第二（或更多）級裏的。

Answer 2

也許你可以試試這個

#navbar li li.current_page_item a { 
background-image:none; 
background:#e9536c; 
font-size:12pt; 
width:150px;  
color:black; 
} 

這應該在下拉菜單中禁用的背景圖像。

Answer 3

或者使用

背景：＃！e9536c重要;

它會覆蓋您以前的css風格。