2017-08-24 46 views
-2

當您在本頁面:Example page頭菜單失去CSS樣式

你會看到,「議程」有一個藍色的背景和「減少9至12月2017年」是粉紅色的。

當您單擊其他菜單項之一時,子菜單項保持其粉紅色,但頭菜單失去其藍色背景。

有沒有一種方法可以讓頭菜單在每個子菜單項上保持藍色背景?

這裏有兩張截圖澄清: Screenshot 1Screenshot 2

+0

您鏈接到看起來並不像你描述的任何頁面。你能提供一個證明問題的[mcve]嗎? –

+0

你能解釋一下它在哪裏看起來不像描述?因爲當我點擊鏈接時,我確切地看到了我描述的內容? –

回答

0

你必須根據被點擊什麼被應用了2條CSS規則。您需要檢查是否需要刪除其中一個。

ul.oi_header_menu_fixed>li>a { 
 
    background: #f5f5f5; 
 
} 
 

 
.oi_header_menu_fixed>li.current_page_item>a, 
 
.oi_header_menu_fixed>li.current_page_parent>a, 
 
.oi_header_menu_fixed>li.current-menu-parent>a, 
 
.oi_header_menu_fixed>li.current-menu-ancestor>a { 
 
    background: #000; 
 
    color: #fff; 
 
    border-top: 0; 
 
    border-bottom: 0; 
 
    border-left: 0; 
 
    border-right: 0; 
 
    border-style: none; 
 
    border-color: #000; 
 
}

+0

我可以看到這兩條規則,但這並不完全是我想要弄明白的。我的問題是,我想保留Head菜單項的CSS樣式(帶有藍色背景色),無論您使用的是哪個子菜單項。現在,我只能看到第一個子菜單項上的藍色背景色。 –