Css 在不删除所有ul li第一个孩子的情况下,我如何删除我的ul li第一个孩子?

Css 在不删除所有ul li第一个孩子的情况下,我如何删除我的ul li第一个孩子?,css,Css,我的wordpress网站菜单有一个两级的深度ul系统 我想删除“主页”菜单项,它是顶级ul中的第一个li 如果我这样做: .menu-header ul li:first-child{ display: none; } 然后它删除顶级ul中的第一个li,但也删除所有二级菜单中的第一个li 所以我试了一下: .menu-header ul > li:first-child{ display: none; } 但它没有效果?我以为这就是>子选择器的作用 如果我添加以下行,我只会得

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

我想删除“主页”菜单项,它是顶级ul中的第一个li

如果我这样做:

.menu-header ul li:first-child{
    display: none;
}
然后它删除顶级ul中的第一个li,但也删除所有二级菜单中的第一个li

所以我试了一下:

.menu-header ul > li:first-child{
display: none;
}
但它没有效果?我以为这就是>子选择器的作用

如果我添加以下行,我只会得到我想要的:

.menu-header ul ul li:first-child{
display: block;
}
从第二级ul带回所有第一个li


但是-我肯定有一种方法可以在一行中完成这项工作,而不必使用最后一位额外的代码?

您的思路是正确的,但您希望对child
ul
元素使用
子选择器,如下所示:

.menu header>ul>li:第一个孩子{
显示:无;
}

  • 页面
    • 试验