HTML: jak zrobić 2 tabele z różnymi CSS

Question

Chcę umieścić dwie tabele (na tej samej stronie), które powinny być renderowane inaczej (to znaczy używać różnych CSS dla każdej tabeli). Czy to możliwe?

Answer 1

w HTML

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

<table class="table2"> 

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

W swojej 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> 

lub

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

Answer 3

Oczywiście, wystarczy przypisać oddzielne klasy css do obu tabel.

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

.css

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

Answer 4

Oczywiście, że jest!

Daj im zarówno id i skonfigurować CSS odpowiednio:

#table1 
{ 
    CSS for table1 
} 


#table2 
{ 
    CSS for table2 
} 

Answer 5

Musisz przypisać różne zajęcia do każdej tabeli.

Utwórz klasę w CSS z kropką "." operator i napisz swoje właściwości w każdej klasie. Na przykład:

.table1 { 
//some properties 
} 

.table2 { 
//Some other properties 
} 

i użyj ich w swoim kodzie HTML.