Есть ли способ исключить тег из класса css

У меня есть css, который работает со всеми тэгами для таблицы.

поэтому в моем html у меня нет стиля для тэга. Однако для одного тега 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>, который имеет класс либо "четный", либо "нечетный". Я не хочу, чтобы этот <tr> имел свойства .statisticsTable tr. возможно ли это?

Главное, что я хочу избежать, это background-color: # 990000; и цвет: #ffffff;

Ответы

Ответ 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, вы можете использовать : not, чтобы применить только следующие стили к элементам TR, которые не имеют четного или нечетный класс:

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

EDIT: not (.even,.odd) неверный синтаксис, таким образом, не будет работать (по крайней мере, не в Chrome) Правильный синтаксис: not (селектор), однако вы можете сделать: not (selector1): not (selector2) эти not() s находятся на одном уровне.

Ответ 2

В браузере, поддерживающем псевдоселекторами CSS3 (это включает большинство браузеров, в частности, в IE7 и IE88, а не IE6), селектор, например .statisticsTable tr: not (.even): not (.odd) для этого второго правила группировка сделает то, что вы хотите.

Ответ 3

У вас есть несколько вариантов, самый легкий, который я вижу в вашей ситуации, переопределяет CSS в статистической таблице с последующим CSS до стиля, который вы хотите в классах "четный" и "нечетный".