在WordPress中更改顶部菜单颜色

Question

早上好，我在更改wordpress顶部导航菜单时遇到困难。

这是完整的CSS路径：

Css image path

我已尝试应用此CSS代码

.secondary-navigation .menu-top-menu-container .menu pp menu-item menu-item-type-post_type menu-item-object-page menu-item-73 {
      color: blue;
}

但没有效果：（

有人可以指出我在做什么错吗？

Answer 1

尝试此代码，让我知道结果是什么。谢谢。

.secondary-navigation .menu-top-menu-container .menu-item {
   color: blue;
}

或

.secondary-navigation .menu-top-menu-container .menu-item a {
   color: blue;
}

Answer 2

您可以直接定位它的第一个直接父对象，然后再定位类本身，就像这样：

#menu-top-menu li {
   color: blue;
}

Answer 3

所以你遇到的问题是你

1）错误地在同一元素上调用多个类。在html中，类需要用空格分隔，但在CSS中不是这种情况。

所以这里的这些类=

pp menu-item menu-item-type-post_type menu-item-object-page menu-item-73 

应写为[在您的CSS文件中] =

.pp.menu-item menu-item-type-post_type.menu-item-object-page.menu-item-73 

[您也错过了。在每个班级前面！]

2）但是，您无需在元素上包括每个类就可以选择它。您真正需要的只是一个课程。

因此您可以使用=

.secondary-navigation .menu-top-menu-container .menu-item {color: blue;}

我相信别人已经提到过。

如果情况正确（例如需要更具体地定位某些目标），则使用多元素调用html元素会很有用，但是您可以满足上述要求！