隐藏父母而不是菜单中的孩子

Question

我需要隐藏父<li>的方法，但要让孩子<ul>可见。

例如，我有以下代码：

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

基本上，我希望类的顶层隐藏，但类secondlevel是可见的。现在我知道我可以用css做到这一点：

visibility:hidden / visibility:visible

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

display:none / display:inline

但是，当然，这不起作用，因为孩子没有表演，也没有办法让它重新显示出来。

除了使用可见性隐藏父级还是保留子级以便隐藏父级没有保留高度/宽度之外，还有其他方法吗？

感谢。

Answer 1

无法隐藏parent并显示children。

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

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

然后，为此标记设置display:none：

li > span { display: none }