CSS - 1つのレイヤーだけを対象にしてください

Question

私は現在、Sharepointで作業しています。コード構造/レイアウトが巨大な控えめなものになっていると言います。それは左のナビゲーションを持っていて、そこにあるすべてのアイテムを（私はそれらを個別にターゲットにしたいが、Sharepointにはそれぞれ独自の名前クラスを持つ何百ものウィジェットがある）divのようなスタイルにしたいと思う。

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

私は#leftNav div { }を試しましたが、それもサブディビジョン（およびそれらのディビジョンのサブディビジョン）をターゲットにしています - とにかく 'ウィジェット'ディビジョンをターゲットにするにはどうしますか？

ありがとうございます！あなたは要素の直接の子をターゲットにchild selectorを使用することができます

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

Answer 1

は、直接の子コンビネータ、>を使用してください。

#leftNav > div 

Answer 2

：