Question

我在wordpress中有以下代码：

<div class="menu-about-container">
   <ul id="menu-about-1" class="nav-menu">
      <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-574"><a href="http://10.0.3.12/aromaexpresso/?page_id=301">Our History</a></li>
   </ul>
</div>

我想将display:none提供给我们的历史。但是，如果它是menu-about-1和menu-about-container的孩子，那么就要给{{1} }}

我怎么能这样做？我知道它非常愚蠢但我没有任何设计经验。任何人都可以指导我吗？

Answer 1

将此添加到css规则：

.menu-about-container > #menu-about-1 > li {
display:none;
}

>定位前一个选择器的直接子项。

Answer 2

使用标准CSS选择器隐藏任何子菜单项：

.menu-about-container #menu-about-1 li.menu-item { display: none; }

如果该特定项目始终为menu-item-574，并且您只想隐藏该项目，请使用：

.menu-about-container #menu-about-1 li.menu-item-574 { display: none; }

Answer 3

如果你只想隐藏我们的历史，你可以使用

#menu-about-1 li{display: none}

但是这会隐藏列表项目，所以如果你想在将来添加其他项目，你只想隐藏你应该使用的第一个

#menu-about-1 li:first{display: none}

隐藏特定菜单项

3 个答案: