Hola,
EL caracter "#" representa a las capas únicas, es decir <div
id="nombre"></div> mientras que el caracter "." representa a las clases de capa en donde pueden haber 1 sola o infinitas capas del tipo <div
class="nombre"></div>.
Entonces el siguiente código:
#capa_unica_superior { background:red; padding:35px 0px 0px 0px; }
.capa_2_veces { font-family:"Trebuchet MS", Arial; color:blue; }
<div id="capa_unica_superior">Yo soy una capa que solo puede existir una vez.</div>
<div class="capa_2_veces">Yo soy una capa que puede aparecer infinitas veces.</div>
<div class="capa_2_veces">Aquí aparezco de nuevo.</div>
Haría que la capa llamada "capa_2_veces" aparezca en fuente Trebuchet MS de estar disponible y color de texto azul todas las veces que la capa aparezca, mientras que la capa llamada "capa_unica_superior" aparezca con fondo rojo y espaciado interior superior de 35px la única vez que puede aparecer.
Saludos !
