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)