在Wordpress中，我尝试使用：Not Selector来隐藏菜单项，直到菜单在顶部变得粘稠。我的导航栏，一旦粘，就有一个.site-navigation-fixed类当条形图点击屏幕顶部时，它出现在HTML中（在chrome中查看开发控制台），所以我试图隐藏第一个菜单项，直到该类使用NOT激活。
有没有更好的方法来做到这一点，如果没有，有人可以帮助我使用CSS来做到这一点。我从来没有使用过NOT，而且有些东西让我在写CSS以使其工作。
这是我的菜单HTML，注意NAV中的类.site-navigation-does不会出现，直到菜单在顶部是粘性的，否则在此之前我只有类主导航。
<div class="navigation-top">
<div class="wrap">
<nav id="site-navigation" class="main-navigation site-navigation-fixed" role="navigation" aria-label="Top Menu">
<button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">Menu</button>
<div class="menu-main-container">
<ul id="top-menu" class="menu">
<li id="menu-item-57" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57"><a title="" href="/"><img src="Home-Logo.png" style="height:80px"></a></li>
<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="/contact">Contact Info</a></li>
<li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51"><a href="/application">Application</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="/history">History</a></li>
</ul>
</div>
</nav><!-- #site-navigation -->
</div><!-- .wrap -->
</div>