テーブル構造があり、jspファイルにアクセスしてクラスファイルを追加できません。私はCSSを通してそれを管理しなければならない。この場合、最初のテーブルの背景色をすべて適用する必要があります。ネストされたテーブルのものではありません。 CSSでこれをどうすればできますか?例:http://jsfiddle.net/qdDnJ/は親テーブルにのみ背景色を適用
答えて
あなたはこれを行うことができます:
table th:first-child {
background: red;
}
table table th:first-child {
background: none;
}
私はちょうど外側のテーブルにクラスを与え、これを使用します。
table.class-name th:first-child {
background: red;
}
私はあなたがこのように書くことができることを理解あたりとして:
tr th{
background:red;
}
tr table th{
background:none;
}
これをチェックするhttp://jsfiddle.net/qdDnJ/2/
第1のテーブルのth
と第2のテーブルのth
を区別します。コメントの後に編集
:
私はdiv
は、最初のテーブルの親コンテナであることを前提としている、ここでhttp://jsfiddle.net/qdDnJ/25/
を参照してください。
テーブルの親と置き換えることができます。
body
が親である場合、CSSはする必要があり、私が知っている、
body > table > tbody > tr > th {
background-color:red;
}
私はCSSクラスを使わなくてもいいです。 –
それでは、@ Sandeepさんの答えはどうなっていますか? まだ使用したくない場合は、私の回答を編集しました。それを見てください。 – Jashwant
@PavanKumar:JashwantのCSSにはクラスが含まれていません。これは、厳密なネストレベルをターゲットにする最も適切なソリューションである子コンビネータ( '>')に依存します。 –
を使用することです質問。
が、HTMLごとに私たちは次のCSSを書くことができますし、背景色を取得するには番目の子供を避ける...
このソリューションでは、我々は.gap class
を受け入れる任意のidとクラスまたは任意のものを必要としません。このクラスがない場合でも、CSSを適用できます。
チェックHERE demo
は
HEREtable th {background-color:red;}
table td.gap tr th {background:none;}
が.gap
クラス
table th {background-color:red;}
table td tr th {background:none;}
- 1. 背景色と画像フィルタの組み合わせをsvgパスに適用
- 2. QPushButtonの背景に色とグラデーションの両方を適用する
- 3. スタックパネルにグラデーションを適用する背景色/シルバーライトの画像
- 4. グラデーションの背景色と画像を同時に適用する
- 5. テーブル行の背景色属性(jQuery)
- 6. smartgwtの特定のセルの背景色を適用するListGrid
- 7. CSS:マージン内の背景色のみ
- 8. MDI親フォームの灰色の背景を削除するには?
- 9. 背景グラデーションの色と背景イメージDRYly
- 10. CSS:背景色の背景画像
- 11. css:背景色を適用できません
- 12. NSImageView +背景色
- 13. AlertDialog背景色
- 14. 背景色:Android
- 15. UITableViewCell背景色?
- 16. NILauncherView背景色
- 17. PreferenceFragment背景色
- 18. gnuplotの背景色
- 19. アンドロイドプリファレンスカテゴリの背景色
- 20. イオンタブの背景色
- 21. UIWebViewの背景色
- 22. トランジションアニメーションの背景色
- 23. JTabの背景色
- 24. テーブルセルの背景色
- 25. セグメントコントロールの背景色
- 26. JQueryの背景色
- 27. UIViewControllerからグループ化されたテーブルへの背景の背景色
- 28. 親ビューコントローラの背景色を変更する
- 29. テーブルセル斜めに2色の背景色
- 30. 背景色に基づくテキストの色
せずにCSSでそれがバックグラウンドを使用しなくても可能である
.gap
クラスとCSSです:なし? –私は上記の色の色を無効にしています。異なる色やイメージが必要な場合は、それに適用することができます。 – sandeep