早上好,我在更改wordpress顶部导航菜单时遇到困难。
这是完整的CSS路径:
我已尝试应用此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;
}
但没有效果:(
有人可以指出我在做什么错吗?
答案 0 :(得分:0)
尝试此代码,让我知道结果是什么。谢谢。
.secondary-navigation .menu-top-menu-container .menu-item {
color: blue;
}
或
.secondary-navigation .menu-top-menu-container .menu-item a {
color: blue;
}
答案 1 :(得分:0)
您可以直接定位它的第一个直接父对象,然后再定位类本身,就像这样:
#menu-top-menu li {
color: blue;
}
答案 2 :(得分:0)
所以你遇到的问题是你
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元素会很有用,但是您可以满足上述要求!