複数の表をCSSで異なる方法で書式設定する方法

Question

私は現在、自分のビジネスのために、html5、css、javascriptを使用してゼロから作成しています。

、私はいくつかのテーブルの私が個別にスタイルにしたい例えば差分色サイズなどを持っている

私は彼らにそれぞれ独自のクラスを与えることを試みていると私は私のCSSのtable.table1を行っている - すべての3のためではなく、 cssのうちの1つだけが動作していますが、3つのテーブルすべてに対して...どこが間違っていますか？

<form name="htmlform" method="post" target="taxshop@hotmail" action="html_form_send.php"> 
    <table class="contact" width="450px"> 
    <tr> 
     <td valign="top"> 
     <label for="first_name">First Name *</label> 
     </td> 
     <td valign="top"> 
     <input type="text" name="first_name" maxlength="50" size="30"> 
     </td> 
    </tr> 
    <tr> 
     <td valign="top"> 
     <label for="last_name">Last Name *</label> 
     </td> 
     <td valign="top"> 
     <input type="text" name="last_name" maxlength="50" size="30"> 
     </td> 
    </tr> 
    <tr> 
     <td valign="top"> 
     <label for="email">Email Address *</label> 
     </td> 
     <td valign="top"> 
     <input type="text" name="email" maxlength="80" size="30"> 
     </td> 
    </tr> 
    <tr> 
     <td valign="top"> 
     <label for="telephone">Telephone Number</label> 
     </td> 
     <td valign="top"> 
     <input type="text" name="telephone" maxlength="30" size="30"> 
     </td> 
    </tr> 
    <tr> 
     <td valign="top"> 
     <label for="comments">Comments *</label> 
     </td> 
     <td valign="top"> 
     <textarea name="comments" maxlength="1000" cols="25" rows="6">      
     </textarea> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" style="text-align:center"> 
     <input type="submit" value="Submit"> 
     </td> 
    </tr> 
    </table> 
</form> 

このテーブルの私が持っているCSSは次のとおりです、あなたが最初の行に誤りがあった

table.contact tr, td { 
    border: 1px solid #ffffff; 
    border-collapse: collapse; 
    color:#000000; 
    background-color: #ffffff; 
    font-size: 1em; 
    margin: 0; 
    margin-bottom: 22px; 
    padding: 4px; 
    font-style: normal; 
    text-align: left; 
    border-bottom-style: solid; 
    border-bottom-width: 0.25em; 
    border-bottom-color: #ffffff; 
    border-radius: 0px; 
} 
table.contact, td { 
    padding: 5px; 
    text-align: left; 
} 
table.contact label{ 
    display:inline-block; 
    width:100px; 
    margin-right:10px; 
    text-align:right; 
}