Saltar al contenido

Cambia el color de todos los td dentro de una clase de tabla en CSS

Posteriormente a mirar en diversos repositorios y páginas de internet al final descubrimos la solución que te mostraremos ahora.

Solución:

td no es hijo directo del table

table.items 
    border:1px solid #42536f;

table.items td 
    border-bottom:1px solid #CCC;

Aquí se seleccionarán todos los elementos td dentro de la tabla.

o

table.items
    border:1px solid #42536f;

table.items>tr>td
    border-bottom:1px solid #CCC;

En este caso td es hijo directo de tr y tr es hijo directo de table.

table.items td o table.items > tr > td hará el trabajo requerido como ya lo han sugerido otros.

Pero, puede ser… dando border-bottom a filas en lugar de celdas… es decir, dándoselo a table.items > tr dará un mejor aspecto. No estoy seguro de si eso es lo que estás buscando 🙂

Si haces scroll puedes encontrar las interpretaciones de otros desarrolladores, tú aún eres capaz insertar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *