CSS - 目標只有一層深

Question

我現在正在與Sharepoint合作，並且說它的代碼結構/佈局混亂不堪。它有一個左側導航，我希望那裏的所有物品都帶有圍繞它們的div（我會單獨針對它們，但Sharepoint擁有數百個各自具有自己名稱類的小部件），例如：

<div id="leftNav"> 
    <div id="widget1"> 
     <div></div> 
     <div></div> 
    </div> 
    <div id="widget2"> 
     <div></div> 
     <div></div> 
    </div> 
</div> 

我試過#leftNav div { }，但也是針對sub divs（以及這些div的子div） - 無論如何只是針對'widget'div？

謝謝！

Answer 1

使用直接子組合子，>：

#leftNav > div { 
    /* ... */ 
} 

Answer 2

可以使用child selector目標元素的直接子。

#leftNav > div