Color de fondo diferente en cada salto de linea

[mick089]

Estoy creando un sitio web con un buscador cuando le das a buscar te muestra los resultados en formato lista.

Lo que quiero es mostrar como el ejemplo que en las lista de viviendas cada salto de linea sea de un color diferente gris y blanco.
EJEMPLO

Tiene que ser una tontería pero no tengo ni idea de como hacerlo
Gracias por la ayuda

[pzin]

No es cada salto de línea. Un salto de línea es <br>. Es alternar el color cada elemento.

Con CSS puedes hacerlo usando nth-child.

Código CSS:

div.vivienda {
  background-color: gray;
}
 
div.vivienda:nth-child(2n) {
  background-color: orange;
}
 

Primero le das a todos un gris de fondo, y luego con nth-child le das un naranja a cada segundo elemento div con clase vivienda.

IE8 y versiones anteriores no soportan nth-child. En tu conciencia queda.

[mick089]

Me funciona!



Y si no lo soportan entonces que mostrara?
El color original sin cambiar?

[pzin]

Si no me equivoco lo que hará IE8 es mostrarlos todos grises porque ignorará la segunda regla. Pero no tengo IE instalado y hablo de memoria. A ver si alguien que sepa esto seguro puede responder y aclararlo con menos memoria y más conocimiento.

Dudo porque tal vez sólo ignore la pseudo-clase :nth-child y aplique la regla sin esa pseudo-clase. Lo que sería una burrada, pero con IE nunca se sabe.

Normalmente estas cosas suelen o solían hacerse desde la programación, pero creo que a día de hoy puede uno perfectamente permitirse el olvidar un poco de IE8 y anteriores disfrutando de su agonía.

[alvaro_trewhela]

lo otro que puedes hacer es algo como esto

div.salto1 { background-color:gray; }
div.salto2 { background-color:orange; }

y vas intercalando..

[C2am]

Iniciado por alvaro_trewhela

lo otro que puedes hacer es algo como esto

div.salto1 { background-color:gray; }
div.salto2 { background-color:orange; }

y vas intercalando..

Pero ese intercalado lo debe hacer con programación (js o php etc), o a mano, es decir cada vez que decida agregar una nueva linea deberá definir la clase.
No digo que está mal, sino que y cómo este es el foro de CSS, pues una solución css pura, y apostando al presente, dejando de lado el pasado (navegadores obsoletos)

Así que tal como dijo Bonez:

Normalmente estas cosas suelen o solían hacerse desde la programación, pero creo que a día de hoy puede uno perfectamente permitirse el olvidar un poco de IE8 y anteriores disfrutando de su agonía.

Saludos