aplicar estilo css a una clase anidada dentro de div

Question

No sé exactamente cómo aplicar css a un elemento anidado. Aquí está mi código de ejemplo, pero estoy buscando un manual que explique todas las reglas.

<div id="content"> 
    <div id="main_text"> 
     <h2 class="title"></h2> 
    </div> 
</div> 

¿Cómo puedo aplicar CSS a sólo la clase title anidado dentro de esa particular div?

Answer 1

que utilizan

#main_text .title 
{ 
    /*attributes*/ 
} 

si usted acaba de poner un espacio entre los selectores, estilos se aplicarán a todos los niños (y los hijos de los hijos) de la primera. Entonces, en este caso, cualquier elemento secundario de #main_text con el nombre de clase .title. Si utiliza > lugar de un espacio, sólo se seleccionará el hijo directo del elemento, y no a los niños de los niños, los ex:

#main_text>.title 
{ 
    /*attributes*/ 
} 

bien funcionará en este caso, pero el primero se utiliza más habitualmente.