我正在编辑 WordPress 中导航栏的 CSS，需要帮助更改颜色答案

【问题标题】：I'm editing the CSS of the navigation bar in WordPress, need help changing the color我正在编辑 WordPress 中导航栏的 CSS，需要帮助更改颜色
【发布时间】：2016-09-18 16:09:07
【问题描述】：

我正在编辑 WordPress 主导航栏的 CSS，需要帮助更改导航栏中最后一个元素的颜色。

<ul id="menu-main-menu" class="full-menu nav"><li id="menu-item-602" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-602"><a href="http://demowebsite.com/category/actu/">Actu</a></li>
<li id="menu-item-607" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-607"><a href="http://demowebsite.com/category/mode/">Mode</a></li>
<li id="menu-item-604" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-604"><a href="http://demowebsite.com/category/bien-etre/">Bien-être</a></li>
<li id="menu-item-603" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-603"><a href="http://demowebsite.com/category/beaute/">Beauté</a></li>
<li id="menu-item-605" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-605"><a href="http://demowebsite.com/category/cuisine/">Cuisine</a></li>
<li id="menu-item-609" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-609"><a href="http://demowebsite.com/category/vie-pratique/">VIE Pratique</a></li>
<li id="menu-item-606" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-606"><a href="http://demowebsite.com/category/culture/">Culture</a></li>
<li id="menu-item-608" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-608"><a href="http://demowebsite.com/category/evasion/">Évasion</a></li>
<li id="menu-item-725" class="srvce menu-item menu-item-type-taxonomy menu-item-object-category menu-item-725"><a href="http://demowebsite.com/category/services/">Services</a></li>
</ul>

我想更改您将在最后一个元素中看到的最后一个锚标记文本“服务”的颜色。它应该是红色的。我面临的问题是我无法引用 li 元素内的特定锚标记文本。

我尝试在创建菜单时给它一个类，但它没有帮助。任何帮助将不胜感激。

【问题讨论】：

stackoverflow.com/questions/14831999/… 试试这个
这里的确切答案stackoverflow.com/questions/13870009/… 给它添加一个类并在页面的css中使用它。标签：<a href="....." class="test">Services</a>css：<style type="text/css"> a.test { border: thin solid blue; color: red; } </style>
感谢 Pat，但问题是我无法在锚标记中添加类，因为我不知道如何在 WordPress 中向元素添加类和 ID。

标签： html wordpress css

【解决方案1】：

如果您希望菜单的最后一个元素为特定颜色，请尝试以下操作：

#menu-main-menu li:last-child a {
   color: red;
}

【讨论】：

谢谢，成功了！我不确定如何选择最后一个元素。