改變主動

Question

你好，我試圖改變我的菜單項的背景色當過一個網頁是主動或選擇，我使用CSS嘗試了正常的方式，這是我曾嘗試

WordPress的導航項目菜單背景顏色

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:selected { 
    color: #373737; 
    text-decoration: none; 
    display: inline-block; 
    line-height: 1; 
    padding: 10px 0; 
    position: relative; 
    background-color: blue; 
} 
#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:active { 
    color: #373737; 
    text-decoration: none; 
    display: inline-block; 
    line-height: 1; 
    padding: 10px 0; 
    position: relative; 
    background-color: blue; 
} 

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:current { 
    color: #373737; 
    text-decoration: none; 
    display: inline-block; 
    line-height: 1; 
    padding: 10px 0; 
    position: relative; 
    background-color: blue; 
} 

這就是我想實現

這是本頁面，您可以看到菜單的狀態： web link

有沒有其他方法可以讓我的菜單看起來這樣？

Answer 1

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu li.current-menu-item > a { 
    color: #373737; 
    text-decoration: none; 
    display: inline-block; 
    line-height: 1; 
    padding: 10px 0; 
    position: relative; 
    background-color: blue; 
} 

Answer 2

你需要使用懸停CSS選擇器。看看這裏！ http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_link_more1

類似：

#tve_editor .thrv_widget_menu.thrv_wrapper ul.tve_w_menu a:hover { 
    color: #373737; 
    text-decoration: none; 
    display: inline-block; 
    line-height: 1; 
    padding: 10px 0; 
    position: relative; 
    background-color: yellow; 
}