CSS選擇兒童，需要繞過嗎？

-1

我有一個CSS屬性適用於所有的第一UL

.a ul ul { 
    display:none; 
}

如果HTML以下時，CSS工作正常後。

<section class="a"> 
    <ul> 
     <li> 
     <ul> </ul> 
     </li> 
    </ul> 
</section>

然而，如果HTML

<section class="a"> 
    <ul> 
    <li> <div> </div> 
     <ul> </ul> 
    </li> 
    </ul> 
</section>

的CSS將無法通過div標籤。

請提前解決，非常感謝。

問題

是CSS能夠找到這種情況下的子元素？

2013-01-14 Till

你確定CSS可以使用嗎？你的例子顯示了一個.A（大寫字母A）的CSS類，但是在你的HTML中你把它稱爲「a」（小寫字母a）。 CSS類名稱區分大小寫。 –

我已更新。 – Till

好的，所以現在的CSS類的情況是正確的...你試圖實現什麼？難道你想讓孩子隱藏嗎？ –

好吧，你想用>這樣的選擇：

.a ul > ul { 
    display:none; 
}

的選擇X> Y從X型選擇Y型的孩子

希望這有助於

Nathan

2013-01-14 05:48:26

選擇器'ul> ul'沒有意義。 'ul'唯一能夠擁有的就是'li'。你可能是指'li> ul'或'ul> li> ul'。 – BoltClock

非常感謝。然而，這將無法工作.....如果使用這種方式，你需要寫ul> li> ul – Till

好點BoltClock。我剛剛在OP的原始CSS上。 ul> li> ul更好 –

如果你真的想要它將「所有隱藏後的第一個」，那麼你會喜歡使用＃26之CSS僞類從here (30 CSS selectors you must memorize)

.a ul {display:none;} 
.a ul:first-child {display:block;}

以上是應該書籤使用CSS大家一個很好的資源。

2013-01-14 05:55:45 SnareChops

非常感謝，我現在就試試這個方法 – Till

回答