CSSの特異性 -

Question

は、私は次のCSS持っていると言うより特定のクラスのためには何もありません：

.InfoTable-main-table tbody tr td:before{ 
    background: #222; 
    color: #fff; 
    content: attr(title); 
    display: block; 
    left: 0; 
    padding: .25em .5em; 
    position: absolute; 
    top: 0; 
    width: auto; 
    } 

を私はより具体的なCSSはしかしそのすなわち

.InfoTable-main-table tbody tr td.extra:before{ 

    } 

のどれを持っていないしたい、前回CSSはまだ適用されます。より一般的なCSSを無視する方法はありますか？それとも、代わりに特定のクラスに適用するだけに格下げする必要がありますか？

Answer 1

を使用でき、重要なpropertiveこのようなCSSの後に：！と仮定すると、

.InfoTable-main-table tbody tr td.extra:before{ 
     left: 100px!important; 
    } 

Answer 2

あなたはで「余分な」クラスとスタイルせずにテーブルのセルに適用されるスタイルセットを求めていることクラスは、:not()セレクターは良いフィット感のようです：

.InfoTable-main-table tbody tr td:not(.extra):before{ 
    background: #222; 
    ... 
} 

.InfoTable-main-table tbody tr td.extra:before{ 

}