html - Applying CSS styles to - in an ordered list without applying to a nested ol -

मेरे पास इस संरचना के साथ नेस्टेड आदेश सूची है

  & lt; ol & gt; & Lt; li & gt; & LT; अवधि & gt; & lt; / span & gt; & Lt; ol class = "childol" & gt; & Lt; li & gt; & LT; अवधि & gt; A1 से & lt; / span & gt; & Lt; / li & gt; & Lt; li & gt; & LT; अवधि & gt; ए 2 के & lt; / span & gt; & Lt; / li & gt; & Lt; / ol & gt; & Lt; / li & gt; & Lt; / ol & gt;   
 मैं ली को एक शैली लागू करने की कोशिश कर रहा हूं, उदा। एक पृष्ठभूमि का रंग:  
  li: nth-child (1) {पृष्ठभूमि रंग: एचएसला (41, 100%, 93%, 1); }   
 और मुझे यह मिलता है:  
   
 मैं 100% चौड़ाई के साथ" खुद का परिचय "सूची को प्राप्त करने की कोशिश कर रहा हूं I मैंने इस तरह बच्चे को बाहर करने की कोशिश की है:  
  li: nth-child (1): नहीं (.olchild) {पृष्ठभूमि रंग: एचएसला (41, 100%, 93% , 1); }   
 लेकिन मैं इसे बस प्राप्त करता हूं:  
  
 जेएसफ़िल्ड:  
 / P> 
  ol li {background-color: red;} ol li li {पृष्ठभूमि रंग: सफेद;}   
 या  
 < कोड> ol: नहीं (। शिल्डॉल) & gt; Li {background-color: red;} ol li {background-color: white;}