Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Color celdas automaticos

Estas en el tema de Color celdas automaticos en el foro de CSS en Foros del Web. Bueno la idea es como en muchos sitios tienes con sus tablas que al comienzo empieza rojo, segundo azul, tercero rojo, cuarto azul.... Como podria ...
  #1 (permalink)  
Antiguo 18/07/2014, 07:32
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años
Puntos: 67
Color celdas automaticos

Bueno la idea es como en muchos sitios tienes con sus tablas que al comienzo empieza rojo, segundo azul, tercero rojo, cuarto azul....

Como podria lograrlo, lo unico que e conseguido es que me pinte la primera y ultima celda.

Código CSS:
Ver original
  1. .table tr:first-child td {
  2.     background:red;
  3. }
  4.  
  5. .table tr:last-child td {
  6.     background:blue;
  7. }
  #2 (permalink)  
Antiguo 18/07/2014, 07:41
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años
Puntos: 67
Respuesta: Color celdas automaticos

Ya esta solucionado.
  #3 (permalink)  
Antiguo 18/07/2014, 10:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Color celdas automaticos

Bueno, como no pones la solución, la pongo yo por si a alguien le puede valer. :ditraido:

Hay que usar .nth-child() en su forma simple (la compleja es en caso de haber algún patrón):

Código CSS:
Ver original
  1. :nth-child(1)
  #4 (permalink)  
Antiguo 18/07/2014, 10:17
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 10 años
Puntos: 67
Respuesta: Color celdas automaticos

Lo siento por no poner la solución, lo solucione de está manera:

Código CSS:
Ver original
  1. .table tbody tr:nth-child(odd) td {
  2.     background:red;
  3. }
  4.  
  5. .table tbody tr:nth-child(even) td {
  6.     background:blue;
  7. }

Saludos.

Etiquetas: background, celdas, color
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:41.