Css 在菜单中隐藏父项而不是子项

我需要一种方法来隐藏父对象，但保持子对象可见

例如，我有以下代码：

<li class="toplevel">Link
  <ul>
     <li class="secondlevel">Link</li>
  </ul>
<li>

但这保持了隐藏类的高度和宽度。我需要使用的更像：

display:none / display:inline

但是，当然，这不起作用，因为孩子没有出现，也没有办法让它重新出现

除了使用可见性隐藏父对象，但保留子对象以使隐藏的父对象不保留高度/宽度之外，还有其他方法吗

---

谢谢。

不可能隐藏父项并显示其子项

您可以将要隐藏的顶级链接放置到某个内联标记中：

<li class="toplevel"><span>Link</span>
    <ul>
        <li class="secondlevel">Link</li>
    </ul>
</li>

---

无法隐藏父项并显示其子项

您可以将要隐藏的顶级链接放置到某个内联标记中：

<li class="toplevel"><span>Link</span>
    <ul>
        <li class="secondlevel">Link</li>
    </ul>
</li>

---

WordPress生成的菜单有点难。现在已经有球疼了，让他们正确的发挥！无法隐藏父项并显示其子项。当然，您可以使用

jQuery

，但它不会“不那么难”。不管怎样，如果你愿意，我可以使用

jQuery

，展示可能的解决方案。正如Edward告诉你的，这是不可能的。需要另一种实现菜单的方法。Edward提供的解决方案实际上非常好，与Twitter引导程序生成导航栏时使用的解决方案相同。@user1544348，在Wordpress中创建菜单并不难。您可以轻松地将链接文本内包装为任何您想要的内容-阅读导航菜单上的文档-$link_before和$link_afterBit作为WordPress生成的菜单很难做到。现在已经有球疼了，让他们正确的发挥！无法隐藏父项并显示其子项。当然，您可以使用

jQuery

，但它不会“不那么难”。不管怎样，如果你愿意，我可以使用

jQuery

，展示可能的解决方案。正如Edward告诉你的，这是不可能的。需要另一种实现菜单的方法。Edward提供的解决方案实际上非常好，与Twitter引导程序生成导航栏时使用的解决方案相同。@user1544348，在Wordpress中创建菜单并不难。您可以轻松地将链接文本内包装为任何您想要的内容-阅读导航菜单上的文档-$前后链接如果您提供一个示例，将更容易帮助您，因为我们将能够为您提供更准确的解决方案，以满足您的需要。是一个很好的例子。如果您提供一个例子，我们将能够为您提供更准确的解决方案，以满足您的需要，这将更容易为您提供帮助。这是一个很好的例子。

li > span { display: none }