Separar o no clases en CSS

[AngelKrak]

Las diferencias en los espacio es segun a lo que te estas refiriendo ya sea una clase dentro de otra misma clase o una clase al lado de otra clase(en el mismo div)

Ejemplo:

Para no separar una clase:

Código HTML:

<div class="padre madre">Padre y Madre</div>
 

Como las Clases estan donde mismo no se separan en el CSS ya que estas especificando una clase que esta al lado de la otra.

Código CSS:

.padre.madre {
color: red;
}
 

Para separar una clase:

Código HTML:

<div class="padre">
 <div class="hijo">Hijo</div>
</div>
 

Para esto, si te fijas el hijo esta dentro del padre o.O jajaja sono raro pero bueno, para esto se ocupara separ la clase ya que estan especificando que el estilo se aplicara al hijo que esta dentro del padre ;)

Código CSS:

.padre > .hijo {
color: green;
}
 

Demo:
http://codepen.io/AngelKrak/pen/GpPGXW

Espero haber explicado bien, cualquier otra duda, puedes preguntar ;)