प्रथम स्तर में इकलौती संतान तत्वों पर शैली लागू करें

Question

<ul> 
    <li> <span> apply </span> </li> 
    <li> <span> apply </span> </li> 
    <li> 
    <ul> 
     <li> <span> ignore </span> </li> 
     <li> <span> ignore </span> </li> 
    </ul> 
    </li> 
</ul> 

कैसे मैं एक सीएसएस नियम केवल आवेदन कर सकते हैं पहले के स्तर से तत्वों अवधि, और नेस्टेड सूची से स्पान तत्व बनाने के लिए नियम की अनदेखी?

क्या यह दूसरे स्तर के स्पैन पर गुणों को विशेष रूप से रीसेट किए बिना किया जा सकता है?

ul > li span की कोशिश की, लेकिन यह काम करने के लिए नहीं लगता है, मैं शैलियों 2 स्तर पर लागू करने के भी

Answer 1

एक आईडी के साथ एक रैपिंग div में अपनी सूची में रखो, उदाहरण <div id="ul-wrapper"> के लिए, और कोशिश:

#ul-wrapper > ul > li > span { 
    /* my specific CSS */ 
} 

Answer 2

#container > ul > li span { /* - Your CSS Here - */ } 

एक कंटेनर निर्दिष्ट करने की आवश्यकता है, ताकि केवल पहले स्तर उल का चयन किया जा सके।

Answer 3

ul > li > span {border:solid 1px red;} 
li > ul > li > span {border:none 1px red;}; 

Answer 4

जब तक बाहरी ul की मूल एक और li नहीं है, आप उपयोग कर सकते हैं कि अपने चयनकर्ता के लिए प्रारंभिक बिंदु के रूप (उदाहरण यह सोचते हैं कि यह एक div है):

div > ul > li span { 
    /* Whatever */ 
}