-1

親とその子の2つのテーブルを作成しましたが、両方に異なるCSSを使用したいのですが、問題は、子テーブルが親テーブルのcssもロードしていることです。子テーブルの背景を白にしたいのですが、子テーブルを試しinline stylingました#ID。.Class子テーブルのスタイリングは賢明ですが、背景を白に設定できません。cssでフォントサイズを変更できるので、子テーブルに独自の派生cssを使用させる方法はありますか？

Top events次の画像では、ABCは親テーブルであり、ポップオーバー内には子テーブルという見出しがあります。

画像ヘルプ

4

2 に答える 2

5

これを試して：

CSS

.parent-table {
  /* styling for the parent table */
}
.parent-table .child-table {
  /* styling for the child table */
}

HTML

<table class="parent-table">
  <tr><td><table class="child-table">...</table>...</td></tr>
  ...
</table>
于 2012-12-13T22:22:39.120 に答える
1

!important子クラスの属性を使用してみましたか? これにより、この属性に割り当てられた以前のスタイルが上書きされ、スタイルが問題なのか、クラスの順序に問題があるのか​​ を調べることができます。

注: ベスト プラクティスとして、!importantどこにでも追加することは避け、絶対に必要な場合にのみ使用してください。この場合、css 宣言で親クラスの後に子クラスを配置できます。を使用!importantすると、クラスのスタイルは正しいが順序が間違っているかどうかを判断するのに役立ちます。次に、子の CSS クラスを親の後に並べてみて、重要な要素が不要になるようにします。 ここでもっと読む...

以下の@Jacquiの回答も問題を解決するはずだと思います。

于 2012-12-13T22:10:03.430 に答える