Question

我的wordpress网站菜单有一个两级深度ul系统。

我想删除“home”菜单项，它是顶级ul中的第一个li。

如果我执行以下操作：

.menu-header ul li:first-child{
    display: none;
}

然后它删除顶级ul中的第一个li，但也删除所有第二级菜单中的第一个li。

所以我尝试了这个：

.menu-header ul > li:first-child{
display: none;
}

但它没有效果？我以为这就是＆gt;子选择器用于？

如果我添加以下行，我只能得到我想要的东西：

.menu-header ul ul li:first-child{
display: block;
}

从第二级别带回所有第一个li。

但是 - 当然有一种方法可以在一行中完成这一操作而不需要使用最后一些额外的代码吗？

Answer 1

您走在正确的轨道上，但是您希望将>子选择器用于子ul元素，如下所示：

＆＃13;

.menu-header > ul > li:first-child {
  display: none;
}

＆＃13;

<div class="menu-header">
  <ul>
    <li>Home</li>
    <li>Page
      <ul>
        <li>Test</li>
      </ul>
    </li>
  </ul>
</div>

＆＃13;