如何制作一个<a> item with its own class a different colour from others?

Question

Sorry if my title is not exacting enough. I was not sure how to describe this in a few words for a title.

Background

I am customising a wordpress.com template.

It's the following site: http://chaine-charlotte.org/donate/

我在DONATE菜单项周围放了一个金色的盒子（使用填充）。但我现在遇到的问题是，我需要更改该项目的字体颜色，包括处于非活动状态和活动状态。

我已将CSS类.donate应用于捐赠菜单项，因此我可以将自定义css应用于此。

我想做什么

我一直在尝试使用Firebug和Web Developer Tools（Firefox附加组件）来识别我需要修改哪些选择器来更改字体颜色。我发现了它们，但无法弄清楚如何仅更改DONATE菜单项上的颜色（当前和非当前Idx=[723]; c=false(1,length(Element_set2)+length(Idx)); c(Idx)=true; result=nan(size(c)); result(~c)=Element_set2; result(c)=8 ）。

就我所知，在所有菜单项中将颜色应用于当前/活动菜单项的CSS是：

<a>

影响非活动/非当前菜单项的代码是：

.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
color: #C39738;
}

我可以通过添加.main-navigation a { border-bottom: medium none; color: #FFF; ... } 的声明来改变。

问题

所以我的问题是，如何更改此选择器，以便我有一个仅适用于.main-navigation .donate a类的版本？

.donate

Answer 1

捐赠类被添加到LI元素中。所以你可以这样做。

如果页面或其子页面处于活动状态，则：

.main-navigation li.donate.current_page_item > a, .main-navigation li.donate.current-menu-item > a, .main-navigation li.donate.current_page_ancestor > a, .main-navigation li.donate.current-menu-ancestor > a { 
color: #C39738; 
}

如果页面未激活：

.main-navigation li.donate a {
border-bottom: medium none;
color: #FFF;
}

Answer 2

看起来这就是所需要的......

添加以下选择器：

.main-navigation li.donate.current_page_item > a, .main-navigation li.donate.current-menu-item > a {
color: blue;
}

Answer 3

您可以使用菜单ID：

#menu-item-157 > a{color:blue}