在wordpress中突出顯示的多個菜單項

Question

我已經搜索了幾個小時的互聯網，並提出了類似的問題，但他們都沒有答覆，所以我來這裏尋求支持。

我使用Wordpress作爲我的網站的CMS。對於我的導航菜單，我正在使用wordpresses內置的導航菜單功能。你可以添加類別或者頁面等，並且它會生成一個你可以設置風格的類的列表 - 比如「current-menu-item」。

我的問題在於：我的菜單中有幾個類別，有些帖子必須分配給多個類別。

如果某個帖子僅用於A類，則當您在該帖子的頁面上時，類別A將在菜單中突出顯示。

如果某個帖子在A類和B類中，那麼當您在該帖子的頁面上時，A類和B類都將被突出顯示。

我想要的是隻有一個菜單項被突出顯示，即使該帖子是在多個類別。

有沒有人知道如何做到這一點？非常感激。

Answer 1

也許你可以使用nth-of-type CSS3選擇器來設計它。

.current-menu-item:nth-of-type(1) { 
    background:#ffff00; 
    /* Highlight styles */ 
} 

這些樣式只會定位第一個出現的.current菜單項。同樣，您可以選擇以nth-of-type(2)等爲目標。