【问题标题】: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/13870009/… 给它添加一个类并在页面的css中使用它。标签:&lt;a href="....." class="test"&gt;Services&lt;/a&gt;css:&lt;style type="text/css"&gt; a.test { border: thin solid blue; color: red; } &lt;/style&gt;
  • 感谢 Pat,但问题是我无法在锚标记中添加类,因为我不知道如何在 WordPress 中向元素添加类和 ID。

标签: html wordpress css


【解决方案1】:

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

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

【讨论】:

  • 谢谢,成功了!我不确定如何选择最后一个元素。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-05-12
  • 1970-01-01
  • 2020-08-10
  • 2017-08-21
  • 1970-01-01
  • 2014-10-09
  • 2013-05-05
相关资源
最近更新 更多