Publicado em 7 de jun.

Largura de coluna na tabela

tenho uma tabela assim:

<!DOCTYPE html>

<html>
<head>
<title>JavaScript Array map Method</title>
<style>
	*{
 margin: 0;
 padding: -1
	}

	table{
 background: Window;
 border-collapse: collapse;
	}

	thead{
 background: olive;
 color:white;
 border-right: 1px solid olive;
	}

	thead tr th{
 padding: 20px 20px;
	}

	tbody tr td{
 border: 1px solid olive;
	}

	tfoot{
 border-right: 1px solid olive;
 background: olive;
	}

</style>
</head>
<body>
	<table>
 <thead>
 <tr>
 <th>n
 <th>pedido
 <th>entrega
 <tfoot>
 <tr>
 <th colspan="3">cancelar
 <tbody>
 <tr>
 <td>1
 <td>sabonete
 <td>rua tal tal tal
 <tr>
 <td>2
 <td>perfume
 <td>rua taltaltal
	</table>
</body>
</html>

Mais eu quero que a primeira coluna fica com "background: olive" eu tentei assim:

tr + td{

 background: olive;
 }

Mas não deu certo...

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Bru_ce· 7 de jun.

Crie um ID para essa coluna e chame ele no CSS

#olive {
background-color:olive;
}

<td id="olive">
</td>

cristianoolv· 9 de jun.

thead tr th:nth-child(1){

 background: olive;

 }

Ruan Aragão· 9 de jun.

Eu indicaria utilizar uma classe ".olive {background-color: olive}" ou caso não seja possível, utilizar "thead tr th:first-child {background-color: olive}".