सीएसएस - केवल एक परत गहराई को लक्षित करें

Question

मैं इस समय शेयरपॉइंट के साथ काम कर रहा हूं और कह सकता हूं कि यह कोड संरचना/लेआउट है एक गड़बड़ी एक बड़ी कमी होगी। इसमें एक बाएं नेविगेशन है, और मैं चाहता हूं कि वहां सभी वस्तुओं को उनके चारों ओर एक div के साथ स्टाइल किया जाए (मैं उन्हें व्यक्तिगत रूप से लक्षित करता हूं, लेकिन शेयरपॉइंट में प्रत्येक के नाम वर्ग के साथ सैकड़ों विजेट हैं), उदाहरण के लिए:

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

मैंने #leftNav div { } को आजमाया है, लेकिन यह उप divs (और उन divs के उप divs) को लक्षित करता है - वैसे भी 'विजेट' divs को लक्षित करने के लिए वैसे भी है?

धन्यवाद!

Answer 1

प्रत्यक्ष बच्चे Combinator, > का उपयोग करें:

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

Answer 2

आप तत्वों का सीधा बच्चे को लक्षित करने के child selector उपयोग कर सकते हैं।

#leftNav > div