仅限Wordpress菜单父项，CSS目标

我花了两天的时间试图实现一个逻辑，就是用CSS将wordpress菜单中的某些类元素作为目标。这对我来说通常是很简单的，但有些事情（通常很小）让我很难接受

我需要在“活动”或“当前”菜单项文本后面应用一个小背景图像。但这必须仅适用于父菜单项（不适用于任何子菜单/子菜单下拉项）。应用背景图像很好，所以这不是问题所在。它只针对问题所在的父项

我尝试了以下CSS的变体（暂时忘记背景图像，我在这里保持简单，以解决目标问题），使当前/活动父菜单项文本变为红色：

.main-navigation div ul li.current-menu-parent a:not(.sub-menu)
{color: red !important;}

（为了避免混淆，我已经在网站上注释掉了这个自定义CSS）

：not

pseudo我认为可以解决这个问题，但这可能是我在语法方面的失败，尽管我在谷歌上搜索了它，今天解决这个问题后，我可能会进一步了解CSS

它没有按我所期望的那样工作。有什么想法吗？如果我与背景图像发生冲突，我可能会再次回到这里，但我怀疑一旦“CSS目标”确定，这不应该成为应用的问题

谢谢你们这些聪明人：）

---

尝试下面的操作，这将选择

a

标记，它是

li.当前菜单父项的直接子项

.main-navigation div ul li.current-menu-parent > a{color: red !important;}

基于@Paulie_D发布的帖子，jQuery似乎是解决方案的方向，谢谢

下面的jQuery解决方案仅针对活动父菜单项并在
菜单标记上插入一个小背景图像。你可以在下面的屏幕截图中看到黄色的“油漆刷”图像

.not
用于排除指向下拉子菜单项（其类为.sub菜单）：


谢谢你的意见。我今天学到了一些东西。
答案比你想象的要简单：使用
CSS选择器。见文章和

例如：


/*仅限目标顶层*/
.my_navigation>li>a{
背景颜色：黄色；
}
/*或者可能只针对有孩子的高层*/
.my\u navigation>具有\u children>a{
背景颜色：橙色；
}

只有顶级家长才能设置样式：























=否。您能否共享图片或截图更新我的原始帖子，截图显示菜单下拉列表，开发工具打开显示标记和类。@Paulie\u读了您发布的帖子，我想Jquery是解决方案？@Mario Jquery肯定是解决方案。我尝试了您的CSS，没有效果。事实上，什么都没有变红。父类也可以是..菜单项有子项
$('.main-navigation .current-menu-item, .main-navigation .current-menu-parent').not('.sub-menu li').css(
    {
    'background-image':'url(PATH TO YOUR IMAGE HERE)',
    'background-size': '100% 50px',
    'background-repeat': 'no-repeat',
    'background-position': 'center'
    }
);