2011-07-27 17 views
1

で>とのIDとクラスを混合する方法はあります。私は、その特定のdivの中にあれば、クラスを変更したいだけです。私は何をしたいことのようなものであるCSS

同じことをやっている他の方法はありますか?

+0

試しましたか? – You

+0

はいそうすることができます – diEcho

+0

これは特定のブラウザなどでのみ機能するのでしょうか? –

答えて

1

あなたの内部クラスの1つのインスタンスのみならすでに答えは自分でつまずいた」VEの:それは#div_id直接子孫である場合

#div_id > .class { 
    /* CSS magic */ 
} 

これは.classを選択関わらず、深さのすべての子孫のために、セレクタ#div_id .class代わりを使用

も参照してください。this JSFiddle

+0

あなたは知っています、正直なところ、私は人々がなぜ「*直接*子供」と言う必要があるのか​​分かりません。 「直接」という言葉は、かなり盛り込まれています。 – BoltClock

+0

@BoltClock:Trueです。 「子」を「子孫」に置き換えました。これはとにかく私が本当に意味していたものです。 – You

1

あなたの質問はすでにchild combinator CSSセレクタが含まれており、クラス子供のid div_idを持つ要素のがある.some_classを持つ要素を対象としますので、あなたはその後、div_idのIDで一つだけ<div>を持っている場合、それは意志のみクラスsome_classの子要素を対象とします。したがって、セレクタをネイティブにサポートしていないIE6の場合を除いて、すでに予想通りに動作するはずです。

孫を選択する場合は、descendant combinatorを使用してください。

  • 子供コンビネータbody > p
  • 子孫コンビネータbody p
0

あなたは、本質的にそこに答えを持っています。 div内のすべてのクラスを変更する場合は、セレクタはdiv#id .this_classになります。それはdiv(あなたが持っている「はtest_class」のクラスで三div秒で「試験」と呼ばれるdivは、あなたが:nth-child()セレクタや:first-of-typeセレクタを使用することができますどちらかと言う。

0

コードはわかりやすく表示されます。 >演算子は下位の下位祖(つまり孫)でないDIVの子にのみ影響を与えることに注意してください。クラスを.some_classでDIV内のすべてに影響を与える>を削除します。

関連する問題