HTML: cách tạo 2 bảng với CSS khác nhau

Question

Tôi muốn đặt hai bảng (trên cùng một trang) sẽ hiển thị khác nhau (tức là sử dụng CSS khác nhau cho mỗi bảng). Có thể không?

Answer 1

Trong html của bạn

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

<table class="table2"> 

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

Trong css của bạn:

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> 

hoặc

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

Answer 3

Tất nhiên, chỉ cần gán lớp css riêng biệt cho cả hai bảng.

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

.css

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

Answer 4

Tất nhiên là nó!

Cung cấp cho họ cả một id và thiết lập CSS cho phù hợp:

#table1 
{ 
    CSS for table1 
} 


#table2 
{ 
    CSS for table2 
} 

Answer 5

Bạn cần phải gán các lớp học khác nhau cho mỗi bảng.

Tạo lớp học bằng CSS có dấu chấm '.' toán tử và viết các thuộc tính của bạn bên trong mỗi lớp. Ví dụ:

.table1 { 
//some properties 
} 

.table2 { 
//Some other properties 
} 

và sử dụng chúng trong mã html của bạn.