Separar o no clases en CSS

[CarlosMilles]

Hay diferencia entre dejar un espacio a la hora de declarar clases en CSS???

¿no es lo mismo?

Código CSS:

.Banderas.BanderaEsp {
      background:transparent url(../Imagenes/BanderaEsp.png) no-repeat 0 0;
    }
 

o

Código CSS:

.Banderas. BanderaEsp {
      background:transparent url(../Imagenes/BanderaEsp.png) no-repeat 0 0;
    }
 

[DesgraciadoGabo]

Nunca me había hecho esta pregunta y si he visto esa estructura, en resumen sí cambia...

Según lo que leí (http://stackoverflow.com/questions/1...ted-by-a-space)

En resumen, usar el espacio se refiere a un elemento heredado, o sea que llevará la siguiente estructura:

Código CSS:

.clase-papa{
    width:100%;
    display:block;
    ...
}
.clase-bebe{
    width:80%;
    margin:0 auto;
}
 

Código HTML:

<div class="clase-papa">
    <div class="clase-bebe">...</div>
</div>
 

Y por otro lado sin espacio se puede usar de la siguiente forma

Código CSS:

.clase-hermano.clase-hermana{
    ....
}
 

Código HTML:

<div class="clase-hermano clase-hermana">...</div>
 

Espero haberme explicado, la verdad me causo mucha duda tu pregunta y me puse a buscar, de cualquier forma te deje el enlace para que te puedas apoyar en otra información y si alguien aqui en el foro te puede aclarar más pues a todo dar!!!

Saludos!!!

[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 ;)

[pzin]

Un espacio en el selector CSS significa que haces referencia a un elemento descendiente, si no existe espacio, obviamente es el mismo elemento.

Eso de «clase al lado de la otra» suena un poco extraño…