howtoはデフォルトCSSからhtml要素を削除しますか？

Question

私はhtmlとcssに問題があります。 私はCSSファイルが添付されたHTMLファイルを持っています.CSSファイルには、s.thがあります。 like：

table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } 

    table thead, table tfoot { background: #f5f5f5; } 
    table thead tr th, 
    table tfoot tr th, 
    table tbody tr td, 
    table tr td, 
    table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; } 
    table thead tr th, 
    table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; } 
    table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } 
    table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } 

    table tbody tr.even, 
    table tbody tr.alt { background: #f9f9f9; } 
    table tbody tr:nth-child(even) { background: #f9f9f9; } 
    table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } 

これはデフォルトテーマです。すべてのテーブルのためのその良い。

しかし、今私はそう私が書く私のWebプロジェクトでスタンダール非CSSフォーマットされたテーブルを追加したい：

<table> ... </table> 

このテーブルはCSSでフォーマットされます。どうすればいいですか？この表がCSSで整形されるのを防ぐには、通常のデフォルトスタイルで表示してください。

Answer 1

あなたが各テーブルに別々のクラスを与え、その後のスタイルにする必要がありますそれらは別々に

は、例えば、あなたのHTMLは

<table class="example1> 
    <tr> 
    <td> 

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

<table class="example2> 
    <tr> 
    <td> 

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

ことができ、あなたのCSSは

table.example1 
{ 
    YOUR CSS 
}  

table.example2 
{ 
    YOUR CSS 
} 

Answer 2

私はこのテーブルがCSSでフォーマットされるのを防ぐために、通常のデフォルトスタイルで表示していますか？

セレクタがテーブルと一致しないように変更します。

要素に一致するセレクタがある場合、要素をCSSルールから除外する方法はありません。最初にそれを防ぐことができない場合、唯一の選択肢は要素に異なる（特定の）CSSを適用するより多くのルールセットを書くことです。

「ブラウザのデフォルトにリセット」メカニズムはありません。

Answer 3

あなたのCSSは一般的です。クラスを使用するように変更することができます。

例えば、エールテーブルは

table.styled {your csss here} 

に変更して、あなたのスタイルのテーブルを使用したいコードに：

<table class="styled"> ... </table> 

Answer 4

あなたはデフォルトの外観を持っている必要はありませんテーブルのクラスを定義する必要がある可能性があります。次に、必要なテーブルにクラスを適用します。あなたはデフォルトのCSSルールを書き直さなければなりません。そうでない場合は、デフォルトのルールがテーブルに影響します。