在Wordpress中突出顯示當前頁面的菜單項的字體顏色

Question

我想突出顯示WordPress中的當前菜單項。我曾嘗試下面的代碼：

#menu-menu li.current-menu-item a { background-color:#d9707a; } 
#menu-menu li.current_page_item a { background-color:#d9707a; } 

上面的代碼工作正常，但究竟是什麼，我試圖做的，通過改變顏色的亮點，所以我嘗試了下面的代碼，但它不工作

#menu-menu li.current-menu-item a { color:#d9707a; } 
#menu-menu li.current_page_item a { color:#d9707a; } 

你能告訴我如何解決這個問題嗎？

Answer 1

我們不知道您的設置足夠了解確切的問題是什麼。但在我看來，color風格可能會被款式特異性覆蓋。

要麼跟蹤覆蓋color（使用您的瀏覽器檢查器）並更改它的樣式（但需要確認這樣做是否安全，因爲該樣式可能會影響站點的其他部分） 或，爲您的樣式添加!important標籤的快速和骯髒的方法。

示例：風格特異

#menu-menu li.current-menu-item a { color:#d9707a !important; } 
#menu-menu li.current_page_item a { color:#d9707a !important; } 

更多信息：

What are the priorities among CSS selectors
Understanding CSS selectors