WordPress：如何为导航菜单指定不同的颜色

Question

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

是否有任何WordPress插件可以执行此操作。

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

托马斯

Answer 1

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

.red { color:red }

Answer 2

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

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

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

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

所以，你去吧！希望有点帮助。它总是更有趣，如果你从核心构建一个站点，你可以更好地控制周围的东西。 Lemme知道你是否对此有任何疑问。

Answer 3

为什么不使用X：nth-​​child（n）选择器。

只需更换＆＃34; n＆＃34;使用元素的位置并将您想要选择的元素类型放在X上。