wordpress - WordPress：如何为导航菜单分配不同的颜色

Question

我想给我的顶部导航菜单按钮单独的颜色。例如，我希望“主页”菜单按钮的颜色与“关于”菜单按钮的颜色不同。谁能帮我解决这个问题。我的 CSS 很糟糕。

是否有任何 WordPress 插件可以做到这一点。

我希望有人帮助我。提前致谢。

托马斯

score 6 · Accepted Answer

如果您使用 Wordpress 菜单管理，您可以通过“外观”下的“菜单”选项为每个菜单项分配一个类，您只需创建多个具有所需颜色的 css 类，然后单击菜单项上的下拉菜单项并添加它。

.red { color:red }

在此处输入图像描述

score 0 · Accepted Answer

首先，您是否知道如何打开 style.css（或您的主题的主 CSS 文件）。打开后，为您想要更改的许多菜单项添加跨度类。例如：

.item-1 {
color:red;
}
.item-2 {
color:blue;
}
.item-3 {
color:purple;
}
.item-4 {
color:orange;
}
.item-5 {
color:green;
}

然后，打开您的 page.php（或任何主要的 PHP 文件）并将这些 CSS span 类包装在菜单项的 html 周围。然后，你当然可以添加一些简单的 :hover 效果来改变鼠标滚动时的颜色。只需在 CSS 文件中重新键入 CSS 项并在其后添加 :hover 即可。例如：

.item-1:hover {
color:pink;
}

所以，你去吧！希望那些对你有帮助。如果您从核心构建站点，它总是会更有趣，并且您可以更好地控制周围的事物。如果您对此有任何疑问，请让我知道。

score 0 · Accepted Answer

Why not use X:nth-child(n) selector.

Just replace "n" with the position of the element and put the type of element you wanna select in place of X.

3 回答 3