css菜单-活动主菜单项

css菜单-活动主菜单项,css,wordpress,menu,Css,Wordpress,Menu,我使用的是WPML包提供的CSS菜单 我想让激活的主菜单项在激活时保持蓝色 我过去所做的是将颜色应用于.li选择的页面 问题是,所有子菜单项都应用了此标记,这意味着在大多数浏览器(奇怪的是,不是当前的firefox)中,每当它处于活动状态时,包括子菜单项在内的所有菜单项都是蓝色的 是否有人看到将蓝色应用于活动主菜单项的方法,以便在单击时保持蓝色?谢谢 -编辑-在所有帮助之后: 通常情况下,解决方案是您所有帮助的总和:)我最终通过使用以下代码实现: #menu-wrap li.selected_p

我使用的是WPML包提供的CSS菜单

我想让激活的主菜单项在激活时保持蓝色

我过去所做的是将颜色应用于.li选择的页面

问题是,所有子菜单项都应用了此标记,这意味着在大多数浏览器(奇怪的是,不是当前的firefox)中,每当它处于活动状态时,包括子菜单项在内的所有菜单项都是蓝色的

是否有人看到将蓝色应用于活动主菜单项的方法,以便在单击时保持蓝色?谢谢

-编辑-在所有帮助之后: 通常情况下,解决方案是您所有帮助的总和:)我最终通过使用以下代码实现:

#menu-wrap li.selected_page a { color: #1983AF; } 
#menu-wrap ul li.selected_page ul>li>a { color: #000; }
#menu-wrap ul li.selected_page ul>li>a:hover { color: #1983AF};
试试“>”CSS选择器,类似于“#cms导航顶部菜单>li.selected_页面{color:blue;}”

但是,这在旧浏览器中不起作用

请参见尝试“>”CSS选择器,类似于“#cms导航顶部菜单>li.selected_页面{color:blue;}”

但是,这在旧浏览器中不起作用


我认为问题在于继承-你的风格

#menu-wrap li.selected_page {
    color: #1983AF;
}
正在被覆盖

#menu-wrap ul a {
    color: #333333;
}
尝试将第一个示例更新为:

#menu-wrap ul li.selected_page a {
    color: #1983AF;
}
这将迫使它在CSS中占据优先地位。希望这有帮助!祝你好运

根据评论进行编辑:

要使子项不以蓝色显示,请将此-changing#000添加到您希望的任何颜色:

#menu-wrap ul li.selected_page a ul a {
    color: #000;
}
如果要为选定的子项添加不同的颜色,只需将颜色添加到此选择器(已在样式表中):


祝你好运

我认为问题在于继承——你的风格

#menu-wrap li.selected_page {
    color: #1983AF;
}
正在被覆盖

#menu-wrap ul a {
    color: #333333;
}
尝试将第一个示例更新为:

#menu-wrap ul li.selected_page a {
    color: #1983AF;
}
这将迫使它在CSS中占据优先地位。希望这有帮助!祝你好运

根据评论进行编辑:

要使子项不以蓝色显示,请将此-changing#000添加到您希望的任何颜色:

#menu-wrap ul li.selected_page a ul a {
    color: #000;
}
如果要为选定的子项添加不同的颜色,只需将颜色添加到此选择器(已在样式表中):


祝你好运

谢谢你的回答!通过使用:#menu wrap ul li.selected_page a{color:#1983AF;}我可以更改菜单项的颜色。但问题是,它也会改变每个子菜单项的颜色。我喜欢这样的想法:第一个孩子,但是我不能让它工作。我试着用我能想到的每一种方法来应用它,但我得到的唯一结果是全黑或全蓝…:(更新了我的答案来修正这个问题。希望这有帮助!:)谢谢你的回答!通过使用:#menu wrap ul li.selected_page a{color:#1983AF;}我可以更改菜单项的颜色。但问题是,它也会改变每个子菜单项的颜色。我喜欢这样的想法:第一个孩子,但是我不能让它工作。我试着用我能想到的每一种方法来应用它,但我得到的唯一结果是全黑或全蓝…:(更新了我的答案来修正这一点。希望这有帮助。)我觉得这应该有效,但它不起作用:(如果我按照你的建议应用它,所有内容都保持黑色,如果我将其应用于“li.selected\u page a:first child”,那么所有内容都会变为蓝色……我不明白why@j00ls哈哈。确切的规格是“E:第一个子元素E元素,其父元素的第一个子元素”。这是有道理的。它不是节点的第一个子元素,但如果节点是第一个子元素。我昨天尝试了a:第一子元素的想法(我查了一下),但没有用。这仍然是一个很好的提示,我可能在将来某个时候使用它。:)我觉得这应该行得通,但是不行:(如果我按照你的建议使用它,一切都是黑色的,如果我将它应用到“li.selected\u page a:first child”上,那么一切都会变成蓝色……我不明白why@j00lslol oops。确切的规范是“E:E元素的第一个子元素,其父元素的第一个子元素“。这是有道理的。它不是节点的第一个子节点,但如果节点是第一个子节点。我昨天尝试了a:first child的想法(我查了一下),但没有任何帮助。不过这仍然是一个很好的提示,我可能在将来某个时候能够使用它。”