HTML：如何使用不同的CSS製作2個表格

Question

我想放兩張表格（在同一頁面上），它們應該以不同的方式呈現（即對每張表格使用不同的CSS）。可能嗎？

Answer 1

在HTML

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

<table class="table2"> 

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

在你的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> 

或

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

Answer 3

當然，只是分配單獨的CSS類兩個表。

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

的.css

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

Answer 4

當然是！

給他們倆一個id，並相應成立了CSS：

#table1 
{ 
    CSS for table1 
} 


#table2 
{ 
    CSS for table2 
} 

Answer 5

你需要不同類別分配給每個表。

使用點'。'在CSS中創建一個類。運算符並在每個類中編寫您的屬性。例如，

.table1 { 
//some properties 
} 

.table2 { 
//Some other properties 
} 

並在您的html代碼中使用它們。