Ayuda con declaraciones de CSS

[Highlander]

Hola mi conocimiento de CSS es medio basico y no logro entender esto:

Código:

table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}


div.module_menu, div.module {
	margin: 0;
	padding: 0;
	margin-bottom: 0;
}

div.module_menu div, div.module {
	
}

div.module_menu div div, div.module div div {
	margin-bottom: 14px;
	padding: 0;
	background: url(../images/lcol.jpg) bottom center no-repeat;
}

div.module_menu div div div, div.module div div div{
	padding: 4px 0 4px 0;
	width: auto;
	background: url(../images/lcol_top.jpg) top center no-repeat;
}

Me parece un tipo de declaración anidada o algo asi, pero no se que significa que le ponga div. ni los otros div (eso lo habia visto ya dentro del HTML)

Cualquier ayuda se agradece.

[sanxuan]

Simplificando mucho para abreviar.
Puedes hacer referencia a un elemento por su etiqueta html, por ejemplo div{ }. Eso haría que todos los div de tu documento recibiesen el estilo que indiques.
Puedes usar una clase (class="clase") a la que haces referencia con .clase{ }. Eso hace que todos los elementos de esa clase reciban el estilo indicado.
Puedes usar un identificador (id="ident") y hacer referencia a él con #ident{ }. Eso hace que el elemento con ese identificador que debería ser único en cada documento reciba el estilo indicado.
Se admiten combinaciones y así puedes usar div.clase que hace referencia a todas las etiquetas div de la clase "clase". Lo mismo serviría para div#ident en este caso los div co id="ident".
Las comas indican dos selectores diferentes que reciben las mismas propiedades. Por ejemplo html,body{} hace que esas dos etiquetas reciban el estilo que indiques.
Cuando dejas espacios se interpretan como elementos que están anidados en el HTML.
div#ident a.clase{ } hace referencia a todos los enlaces <a> que tengan la clase "clase" y que se encuentren dentro de la etiqueta <div id="ident">.
Para más información: http://www.librosweb.es/referencia/css/index.html

[Highlander]

Código:

div.module_menu div div div, div.module div div div{
	padding: 4px 0 4px 0;
	width: auto;
	background: url(../images/lcol_top.jpg) top center no-repeat;
}

Si entendí bien entonces en esta parte del codigo, ambos selectores ahí reciben las propiedades padding, width, background.

Son dos selectores??

div.module_menu div div div
div.module div div div

o son varios anidados por ejemplo: div.module_menu anida con div div div?

Muchas gracias por tu respuesta.

[sanxuan]

Declarando div.module_menu div div div, div.module div div div{ ... estilo...}
aplicamos el estilo definido para todas las etiquetas <div> que estén incluidas dentro de al menos otras tres etiquetas div, la primera de las cuales (la más exterior) debe tener el atributo class="module_menu" o bien class="module".
En el siguiente ejemplo

Código HTML:

<div class="module_menu">
  <div id="uno">
    <div id="dos">
      <div id="tres">
        <div id="cuatro">
          <div id="cinco">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
 

recibirían el estilo los divs #tres, #cuatro y #cinco.

[sanxuan]

regla_css_1, regla_css_2{ }
equivale totalmente a:
regla_css_1{ }
regla_css_2{ }

[Highlander]

Estimado, excelente explicación ahora creo que lo entendí.

Ire a probar, saludos y gracias.