Consegui chegar no resultado proposto, usei o conhecimento adquirido durante o curso, porem ficou diferente da resolução proposta pelo autor.
Gostaria de opiniões a respeito da minha resolução.
table {
margin: 1.2em auto;
border-spacing: 0.5em;
border-collapse: separate;
text-align: center;
}
thead {
background-color: #3C1D3D;
color: #fff;
font-weight: bold;
}
td {
padding: 0.5em;
}
tbody td {
background-color: #eee;
}
tbody td:first-child {
background-color: #851944;
color: white;
}
Como podem perceber coloquei tdbody td antes com o backgroud cinza, depois aproveitei pois sabia que o css anularia o meu td a cima e subistituiria no meu first-child o background rosa e a letra branca. Há algum problema fazer desta maneira?