在WordPress中單獨更改活動鏈接的顏色

我有一個導航菜單，其中的每個鏈接在活動時都會是不同的顏色。我知道你平時可以做這樣的事情：在WordPress中單獨更改活動鏈接的顏色

.side_bar_nav li.current-menu-item a{ 
    color: #ff6633; 
}

但是這給每個鏈接相同的顏色活躍的時候我想單獨針對每一個環節，並給它自己的顏色。這是我想要在活動時定位的鏈接之一，我想將其活動顏色設置爲＃336699。

<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-9 current_page_item menu-item-49"> 
    <a href="http://fyberproperty.co.uk/">home</a> 
</li>

來源

2017-06-02 Reece

由於您的li元素都有一個唯一的ID，你可以使用以下命令：

.page-id-9 #menu-item-49 a { 
    color: red; 
}

來源

2017-06-02 08:38:36 Gerard

謝謝，但使用：活動只適用於鏈接被點擊並按住時的顏色。我希望它在該鏈接的頁面打開時顯示。 – Reece

哦，我現在明白了。恐怕你不能用CSS解決這個問題，除非你每頁都有一個唯一的ID。 – Gerard

每個頁面都有自己的單個類，由wordpress添加。這個特定的頁面具有.page-id-9的類別。我能做到這一點嗎？ – Reece

你的代碼應工作

.side_bar_nav li.current-menu-item a{ 
    color: #ff6633; 
}

但如果這是給相同的顏色給所有鏈接。你確定當前鏈接不是父菜單項嗎？

來源

2017-06-02 09:12:21 Khadreal

在WordPress中單獨更改活動鏈接的顏色

回答

相關問題