Divs iguales con diferente background

[falonpla]

Estoy creando una página en la que tengo una gran cantidad de capas, 40 o 50, todas con las mismas propiedades y dimensiones, están todas flotadas a la izquierda, una detrás de otra. Lo más sencillo evidentemente es crear una clase para todas las capas y ahorrar así mucho código, el problema es que quiero darle una imagen de fondo diferente a cada capa, y esto me impide usar la misma clase para todas las capas, teniendo que crear una clase diferente para cada una.

Podéis indicarme alguna técnica para colocar imágenes detras de texto u otros elementos y no tener que escribir así tanto código? Gracias.

[manumaf]

Yo crearia un ID para todas las divs que diga el tamaño y una clase aparte para cada di que diga la imagen de fondo.


Ej:

Código:

#estiloparatodaslasdivs {
width:500px;
height:500px;
}
.div1 {
background-image:url(img/fondo.gif)
}

Espero haberte ayudado

[falonpla]

Gracias manumaf.

[Mikmoro]

Incluso lo puedes hacer con dos clases: por ejemplo general y particular. Luego en el html:

<div class="general particular">

Si no tienes otros div, incluso podrías darle las propiedades al selector div:

div {font-size:...
}

y darles sólo la clase particular a cada div.

Mikel.