CSS: solo una capa de profundidad

Question

Estoy trabajando con Sharepoint por el momento y decir que la estructura y el diseño del código es un desastre sería una gran subestimación. Tiene una navegación a la izquierda, y quiero que todos los elementos se diseñen con un div (yo los seleccionaría individualmente, pero Sharepoint tiene cientos de widgets, cada uno con su propia clase de nombre), por ejemplo:

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

He intentado con #leftNav div { } pero eso también se dirige a los subdivisiones (y los subdivisiones de esos divs) - ¿hay alguna forma de apuntar solo a los divs del "widget"?

Gracias!

Answer 1

Utilice el combinador hijo directo, >:

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

Answer 2

Puede utilizar el child selector para apuntar al niño directa de los elementos.

#leftNav > div