表CSS格式

Question

#table1 
{ 
    font-family: Calibri; 
    font-size: 12pt; 
    font-style: normal; 
    text-align:center; 
    width:500px; 
    border-collapse: collapse; 
    border: 3px solid orange; 
    margin-right:80px 
} 

table,th,td{ 
    font-family: Calibri; 
    font-size: 12pt; 
    font-style: normal; 
    text-align:center; 
    width:500px; 
    border-collapse: collapse; 
    border: 3px solid red; 
    margin-right:80px 
} 

我使用2種不同類型的表的，有2種不同的顏色，但每當我試圖把th,td在表中的任何人，所有的表獲得顏色相同的顏色th,td表。

如何自定義每個表？

Answer 1

SAMPLE TABLE FIDDLE

<table class="mytable"></table> 

.mytable, mytable.th, mytable.td 
{ 
//some codes 
} 

<table id="table1"></table> 
#table1 
{ 
//some codes 
} 

Answer 2

您可以使用如下

//css 

     .table1{ 
      //table1 style 
     } 
     .table1 th{ 
     //th style for table1 class 
     } 
     .table1 td{ 
     //set color for table1 
     } 

     .table2{ 
     } 
     .table2 th{ 
     //set your color 
     } 
     .table2 td{ 
     //set color for table1 
     } 

    //html code 

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

     <table class="table2"> 
     <tr> 
      <th>.... </th> 
     </tr> 
     <tr> 
      <td>...</td> 
     </tr> 
     </table>