は、CSSクラスからタグを除外する方法です

Question

私はCSSのすべてのtrタグで動作します。

私のHTMLではtrタグのスタイリングがありません。しかし、私のテーブルの1つのTRタグについて、私はすべてのテーブルに汎用的なTRを適用したくありません。このTRを除外する方法はありますか？いずれかの「さえ」かのクラスを持って<tr>上記で

.statisticsTable { 
    border:2px solid #990000; 
    width:100%; 
} 
.statisticsTable tr { 
    font-weight : bold; 
    font-size : 9pt; 
    font-family : Arial,Helvetica,sans-serif,Verdana,Geneva; 
    color: #ffffff; 
    background-color:#990000; 

} 

<table class="statisticsTable"> 
    <tr><td colspan="7" class="tableHeaderText">HUB Statistics</td></tr> 
    <tr> 
     <th colspan="2">HUB</th> 
     <th >House Houlds Evaluated</th> 
     <th >Total Debt Owed</th> 
    </tr> 

     <tr class="<s:if test="#status.even">even</s:if><s:else>odd</s:else>"> 
      <td rowspan=3 valign=top>213-65-6425</td> 
      <td >All</td> 
      <td >t1</td> 
      <td >t2</td> 

「奇数」私はこの<tr>が.statisticsTable TR性質を持っている必要はありません。これは可能ですか？

主な理由私が避けたいと思うのは背景色です：＃990000;色：#ffffff;

Answer 1

CSSカスケード。これは、以前に定義されたプロパティの値を上書きできることを意味します。

あなたはどうなる：

.statisticsTable tr.even, .statisticsTable tr.odd { 
    font-weight: normal; 
    font-size: DEFAULT; /* what ever your default is */ 
    font-family: DEFAULT; /* what ever your default is */ 
    /* I would use the font shorthand property */ 
    color: DEFAULT; 
    background: DEFAULT; 
} 

をあなたはCSS3を使用したい場合は、あなたが偶数か奇数クラスを持っていないTR要素に次のスタイルを適用するだけに:notを使用することができます。

.statisticsTable tr:not(.even):not(.odd) { 
    font: bold 9pt Arial,Helvetica,sans-serif,Verdana,Geneva; 
    color: #fff; 
    background:#990000; 
} 

EDIT：ない（.even、.odd）が 正しい構文があるので、（少なくともないChromeで）動作しません有効な構文ではありません。しかし、あなたのC、ではない（セレクタ） do：not（selector1）：not（selector2）これらのnot（）は同じレベルにあります。

Answer 2

いくつかのオプションがあります。あなたの状況で最も簡単にわかるのは、statisticsTableのCSSを、「偶数」と「奇数」のクラスで使用するスタイルにすることです。

Answer 3

CSS3擬似セレクタをサポートするブラウザ（これには、IE7とIE88を含むIE6を除くほとんどのブラウザが含まれます）、.statisticsTable tr：not（.even）のようなセレクタ：not second（.odd）ルールのグループ化は、あなたが望むことをするでしょう。