在WordPress中单独更改活动链接的颜色

时间:2017-06-02 08:20:51

标签: html css 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>

2 个答案:

答案 0 :(得分:1)

由于您的li元素具有唯一ID,因此您可以使用以下内容:

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

答案 1 :(得分:1)

您的代码应该正常工作

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

但是如果这给所有链接提供相同的颜色。您确定当前链接不是父菜单项。