Colores consecutivos alternos usando CSS Extra Classes

Un usuario preguntó 👇

Hola Tobias,

Tengo una pregunta sobre estas preguntas frecuentes (https://tablepress.org/faq/change-color-alternating-rows/). Tengo docenas de tablas diferentes en mi sitio web que quiero tener colores personalizados para filas alternas. ¿Hay alguna manera de hacer esto usando clases de CSS adicionales en lugar de CSS personalizado en todo el mundo?

Gracias Ryan

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

gracias por tu publicación y perdón por las molestias.

Sí, luego use la clase CSS adicional en CSS, como

.my-extra-css-class .odd td {
  background-color: #ff0000;
}
.my-extra-css-class .even td {
  background-color: #00ff00;
}

Saludos, Tobias

Lanzador de hilos

(@introwellness)

Hace 2 años, 3 meses

Gracias, Tobias.

Cuando ingreso el código que sugirió en la tabla específica, obtengo el siguiente error:

El valor ingresado en el campo «Clases CSS adicionales» no es válido «.

¿Algúna idea de cómo arreglar esto?

Gracias Ryan

(@tobiasbg)

Hace 2 años, 3 meses

Hola Ryan,

lo que publiqué arriba es un código CSS que debe ingresar al área de texto «CSS personalizado» en la pantalla «Editar» de la tabla.

El campo «Clases CSS adicionales» que probó se utiliza para asignar la clase CSS adicional a la tabla.

Pero tengo la sensación de que quizás no necesites esto. Puede usar un código CSS como este y ajustar los ID de la tabla (para que el código no se aplique a todas las tablas a la vez):

.tablepress-id-2 .odd td,
.tablepress-id-5 .odd td
.tablepress-id-8 .odd td {
  background-color: #ff0000;
}
.tablepress-id-2 .even td,
.tablepress-id-5 .even td,
.tablepress-id-8 .even td {
  background-color: #00ff00;
}

Saludos, Tobias