¿ hacer una lista de diferentes colores en css?

[iniciopublic]

hola a todos , tengo una duda , tengo una lista en html <ul><li> , mi duda es como haria que en la lista en la primera linea o registro aparezca el color de fondo de un color y el siguiente de otro color

¿es posible en css?



saludos

[pzin]

Puedes usar, según necesidad, algo como:

Código CSS:

ul li:first-child {}
ul li:nth-child(odd) {}
ul li:nth-child(even) {}
ul li:nth-child(3n+1) {}
 

Etc...

[iniciopublic]

Iniciado por pzin

Puedes usar, según necesidad, algo como:

Código CSS:

ul li:first-child {}
ul li:nth-child(odd) {}
ul li:nth-child(even) {}
ul li:nth-child(3n+1) {}
 

Etc...

gracias por el codigo , pero en si cual de las 4 lineas debo utilizar?

[Alexis88]

Se refiere a que así podrás darle un estilo determinado a cada ítem de la lista, la primera línea es para el primer hijo, la segunda para los ítems impares, la tercera para los pares, la cuarta para el cuarto elemento y así puedes ir añadiendo más estilos.

Solo una observación, creo que para afectar al primer hijo, dicha línea debe ir al final o lo afectarán las anteriores por el tema de que es un ítem impar.

Saludos

[C2am]

Me parece que pzin solo dio una muestra de las alternativas.
Si la cuestión es intercalar solo dos colores (lo cual es lo más normal), con usar la 2º y 3º, osea impar/par sería suficiente.
Saludos

[pzin]

Si claro, eran las posibilidades que hay. Dependerá un poco de lo que se quiera hacer exactamente, ya que "el primero de un color y el siguiente de otro" no aclara mucho de qué color sería el tercero o el último.