applying css for only parent but not to children

Question

I have an unordered list like this:

    

        list1
        

            
Sub list1<         


        
      

Answer 1

You can use the > operator for that, like this:

.list > ul > li{
  background:#ccc; 
}