実行する特定のクラス階層を回避する方法

Question

私のウェブサイトには、表形式のデータのための表を含むdivベースの構造があります。この表のデータはファイルから読み込まれており、変更できません。

.main-grid .grid-view .row-body td { 
    background-color: "#FFFFFF" 
} 

上記はうまくいきます。ここでbgColorのテーブルが<tr>タグに定義されていますが、上記CSSルールのため反映されません。

この<td>は階層.main-grid .grid-view tdです。以下のコードは読み込み中のファイルから来て、私はそれを変更したりクラスを追加することはできません。

<tr bgColor="#eeffcc"> 
    <td></td> 
</tr> 

助言してください。クラス名を変更することはオプションですが、私はいくつかの一般的な解決法を見つけたいと思います。そのような問題は他のモジュールでも起こる可能性があります。

より正確です。私はこれを上記の質問に追加しました。 "以下のコードは、読み込まれたファイルから来て、私はそれを変更したりクラスを追加することはできません。

Answer 1

bgColorはもう使用しないでください。要素の色を定義するにはclassesのみを使用してください。

Answer 2

あなたはこのようになめらかを試すことができますので、通常のインラインCSSスタイルは、高いpriorutyの肝炎：

<tr style="bgColor:#eeffcc;"> 
    <td></td> 
</tr> 

Answer 3

を使用すると、属性名をスペルミスしていると思います。おそらくあなたがしたい：

<tr style="background:#eeffcc;"> 
    <td></td> 
</tr> 

明示的に定義されたスタイルは、常にCSSのファイルからルールを上書きします。

Answer 4

あなたのインラインコードがあなたのCSSルールを上書きするための有効な使用

<tr style="background:#eeffcc;"> 
    <td></td> 
</tr> 

ではありません、あなたはスタイル属性を使用する必要があります！

Answer 5

1. bgColor

2. のようなものを非推奨の属性を回避しようとは、インラインスタイルは、最も高い優先順位を持って、次のようにそれらを使用する：style="background-color:#ccc;"を。彼らは避けなければならない。常にCSSスタイルシートを使用してみてください。あなたの例では

は、CSS宣言は、あなたの bgColorが上書きされますので、 tr要素の属性と、 td -element対象としています。

Answer 6

あなたのCSSは無効です。カラー値を囲む引用符なし「」で次補正

.main-grid .grid-view .row-body td { 
    background-color: #FFFFFF; 
} 

を作ります。