1

基本的に、以下のような動的に作成されたページがあります。

<div id="content>
 DYNAMIC HERE
</div>

div の内容を制御することはできませんが、他の div に含まれるテーブルがたくさんあることはわかっています。

例えば

<div id="content">
     <div >
           <div >
            TABLE HTML HERE
            </div>
      </div>
</div>

しかし、テーブルがどこまで下がるかはわかりません。

だから私は理想的には次のようなことをしたいと思います:

#content table {
 style here
}

ただし、これは、多くの要素がネストされている場合でも、その div 内のすべてのテーブルに適用されます。

この div とその中のすべてがテーブルのスタイルを設定するのはどうでしょうか?

4

3 に答える 3

3

はい、スペース構文は、親の子孫を選択することを示しているため、#content table問題ありません。

http://jsfiddle.net/XnnLG/

于 2013-07-30T14:06:08.210 に答える
2

現在の構文はDescendant Selector用です。子孫セレクターは子セレクターに似ていますが、一致する要素間の関係が厳密に親子である必要はありません。子セレクターの使用

#content > table

そのため、入れ子になったテーブルにスタイルを適用するための構文は正しいです。

これに対する例外 (ここで述べたように) は、より具体的なセレクターがある場合です。

于 2013-07-30T14:09:38.553 に答える
-1

#content内のすべてのテーブルを対象にする#content table 必要があります。ただし、たとえば#test、別のスタイルシートからスタイル設定されたテーブルがある場合、#testは よりも具体的で#content tableあるため、他のスタイルがあなたのスタイルよりも優先されます。

スタイルシートで使用してそのスタイルを無効にすることができ!importantます。それをすべての行で使用する必要があるため、最もクリーンなソリューションではありません。

例えば： 

#content table {
   color: green !important;
   background: red !important;
}
于 2013-07-30T14:08:30.173 に答える