HTML: cómo crear 2 tablas con diferentes CSS

Question

Quiero poner dos tablas (en la misma página) que deben representarse de manera diferente (es decir, usar CSS diferentes para cada tabla). ¿Es posible?

Answer 1

En su html

<table class="table1"> 
<tr> 
<td> 
... 
</table> 

<table class="table2"> 

<tr> 
<td> 
... 
</table> 

En el CSS:

table.table1 {...} 
table.table1 tr {...} 
table.table1 td {...} 

table.table2 {...} 
table.table2 tr {...} 
table.table2 td {...} 

Answer 2

<table id="table1"></table> 
<table id="table2"></table> 

o

<table class="table1"></table> 
<table class="table2"></table> 

Answer 3

Por supuesto, sólo asignar clases css separadas a ambas tablas.

<table class="style1"></table> 
<table class="style2"></table> 

Css

table.style1 { //your css here} 
table.style2 { //your css here} 

Answer 4

Por supuesto que lo es!

les permite obtener una id y configure el CSS en consecuencia:

#table1 
{ 
    CSS for table1 
} 


#table2 
{ 
    CSS for table2 
} 

Answer 5

Es necesario asignar diferentes clases para cada tabla.

Crea una clase en CSS con el punto '.' operador y escriba sus propiedades dentro de cada clase. Por ejemplo,

.table1 { 
//some properties 
} 

.table2 { 
//Some other properties 
} 

y úselas en su código html.