Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

01100011cc

Largura de coluna na tabela

Por , em Desenvolvimento frontend

Recommended Posts

01100011cc    15

01100011cc
Postado

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...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Crie um ID para essa coluna e chame ele no CSS

 

 

 
#olive {
background-color:olive;
}
 
 
<td id="olive">
</td>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ruan Aragão    1

Ruan Aragão
Postado

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}".

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito