更改菜单项 wordpress 的颜色答案

【问题标题】：Chang color of menu items wordpress更改菜单项 wordpress 的颜色
【发布时间】：2022-01-13 17:31:30
【问题描述】：

我会更改 wordpress 中菜单项的颜色。在这个网站https://www.modacapellishop.it/ 我的菜单中有四个声音（品牌、Prodotti、Modacapelli Choice、Outlet），我需要将 Modacapelli Choice 的颜色更改为灰色（灰色到蓝色）。我在 CSS 文件中添加了这段代码：

/* Change color menu Modacapelli Choice */
#menu-item-427 a {
color: #2976ce;
}

它工作，但只是在桌面上。在移动版本的菜单导航侧边栏中，菜单项“Modacapelli Choice”不会改变颜色。

我该如何解决？

【问题讨论】：

标签： css wordpress

【解决方案1】：

由于这是一个非常具体的案例，您可以.menu-item-427 > a { color: red!important; } 或.nav>li.menu-item-427>a { color: red; } 我会推荐后者。

但是两者都不是很好，因为它绑定到了 ID。我建议为页面或菜单元素创建一个 ACF 字段，然后检查它是否存在，并创建内联样式或添加一个类（如果为真）。然后，用户还可以更改他希望更改的其他元素的颜色，而无需与您联系。

然后，您可以将这样的类添加到您的菜单标记中。

.is-highlighted-element {
    color: red;
 }

【讨论】：

【解决方案2】：

在移动视图中没有 #menu-item-427 这个 ID。所以替换为.menu-item-427

试试这个css吧

.menu-item-427 a {
    color: #2976ce;
}

【讨论】：