CSS：试图隐藏主菜单链接，但不隐藏子菜单链接

这个小问题让我抓狂，尽管它应该不会太难实现

我有以下HTML：

<li id="menu-item-763" class="hide-menu-link menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-95 current_page_item menu-item-has-children menu-item-763">
<a href="mainmenulink">MAIN MENU LINK</a>
<ul class="sub-menu">
<li id="menu-item-764" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-764">
<a href="submenulink1">SUB MENU LINK 1</a></li> 
</ul>
</li>

现在我要做的是应用可见性：仅对主菜单链接隐藏，而不对子菜单隐藏。我已经将css类隐藏菜单链接应用到主菜单项。我尝试了很多，包括：not选择器，但类似于li.hide菜单链接：not（ul.sub-menu li）a{visibility:hidden；}不起作用

---

任何提示都非常感谢，我相信解决方案一定非常简单

选择

li的
a
直系后代。使用
选择器隐藏菜单链接

：

li.hide-menu-link > a {
    visibility: hidden;
    /* other CSS */
}

这将选择作为

li的直接子项的所有
a
。隐藏菜单链接

：

<li class="hide-menu-link">
    <a>Will be styled</a> <!-- a direct/immediate descendant -->
    <div>
        <a>Will not be styled</a> <!-- not a direct/immediate descendant -->
    </div>
</li>

可能是这样的吧



标题
.隐藏菜单链接a{
显示：无；
}
#菜单项-764 a{
显示：块；
}








问题是外部
li
元素有十个css类！！！除非你把它们都放在一个提琴中…这很难帮助你，因为我们不知道所有这些类是如何影响子元素的。你需要所有这些课程吗？谢谢，>选择器确实解决了我的问题；我不知道@如果它对你有帮助，如果你认为它会帮助别人，请随意标记我的答案为已接受。