2012-03-31 38 views
0

テーブル構造があり、jspファイルにアクセスしてクラスファイルを追加できません。私はCSSを通してそれを管理しなければならない。この場合、最初のテーブルの背景色をすべて適用する必要があります。ネストされたテーブルのものではありません。 CSSでこれをどうすればできますか?例:http://jsfiddle.net/qdDnJ/親テーブルにのみ背景色を適用

答えて

0

あなたはこれを行うことができます:

table th:first-child { 
    background: red; 
} 
table table th:first-child { 
    background: none; 
}​ 

私はちょうど外側のテーブルにクラスを与え、これを使用します。

table.class-name th:first-child { 
    background: red; 
} 
2

私はあなたがこのように書くことができることを理解あたりとして:

tr th{ 
    background:red; 
} 
tr table th{ 
    background:none; 
} 

これをチェックするhttp://jsfiddle.net/qdDnJ/2/

+0

せずにCSSでそれがバックグラウンドを使用しなくても可能である.gapクラスとCSSです:なし? –

+0

私は上記の色の色を無効にしています。異なる色やイメージが必要な場合は、それに適用することができます。 – sandeep

1

第1のテーブルのthと第2のテーブルのthを区別します。コメントの後に編集

私はdivは、最初のテーブルの親コンテナであることを前提としている、ここでhttp://jsfiddle.net/qdDnJ/25/

を参照してください。

テーブルの親と置き換えることができます。

bodyが親である場合、CSSはする必要があり、私が知っている、

body > table > tbody > tr > th { 
     background-color:red; 
    } 
+0

私はCSSクラスを使わなくてもいいです。 –

+1

それでは、@ Sandeepさんの答えはどうなっていますか? まだ使用したくない場合は、私の回答を編集しました。それを見てください。 – Jashwant

+1

@PavanKumar:JashwantのCSSにはクラスが含まれていません。これは、厳密なネストレベルをターゲットにする最も適切なソリューションである子コンビネータ( '>')に依存します。 –

0

最も簡単な方法は、すべてのボディがあたりとしての目標を達成するために多くのことをしようとした子セレクタ

#yourtableId > tbody > tr > th { background: red; } 

Demo

+0

私のサンプルに適用して送り返すことができますか?あなたのコードでそれを得ることはできません。 –

+0

OPは "私はcssを通してそれを管理しなければならない"と言った。だから、彼はhtmlのためのアクセス権を持っていないかもしれません。 – sandeep

+0

@PavanKumar、アップデートを確認 – Starx

0

を使用することです質問。

が、HTMLごとに私たちは次のCSSを書くことができますし、背景色を取得するには番目の子供を避ける...

このソリューションでは、我々は.gap classを受け入れる任意のidとクラスまたは任意のものを必要としません。このクラスがない場合でも、CSSを適用できます。

チェックHERE demo

HERE
table th {background-color:red;} 
table td.gap tr th {background:none;} 

.gapクラス

table th {background-color:red;} 
table td tr th {background:none;}