在菜單中隱藏父項但不是子項

Question

我需要一種方法來隱藏父項<li>，但保持子項<ul>可見。

因此，舉例來說，我有以下代碼：

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

基本上，我想這個類頂層被隱藏，但類第二級別可見。現在我知道我可以用css做到這一點：

visibility:hidden/visibility:visible 

但是，這會保持隱藏類的高度和寬度。我需要使用更像是：

display:none/display:inline 

不過，當然，這並不因爲孩子沒有表現出工作，沒有一個方法，使之重新顯示它出現。

除了使用可見性來隱藏父項，還有其他的方法，讓孩子保持隱藏父項的高度/寬度不變嗎？

謝謝。

Answer 1

不可能隱藏parent並顯示它的children。

你可以把你要隱藏到一些內嵌代碼頂級鏈接：

li > span { display: none }