Question

我正在编辑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>

我想更改最后一个锚标记文本'Service'的颜色，你会在上一个＆lt; li>元件。它应该是红色的。我面临的问题是我无法引用li元素中的特定锚标记文本。

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

Answer 1

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

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

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

1 个答案: