要素の同じレベルの子をターゲットにする

Question

すべての第3層要素を簡単にターゲットにする方法はありますか？例えば

次のように、私の右列のレイアウトは次のとおりです。

<div class=right_column> 
<div class=module> 
    <div> 
    <p></p> 
    </div> 
</div> 

<div class=different_module> 
    <div> 
    <p></p> 
    </div> 
</div> 
</div> 

私が個別に各1を指定せずに、このインスタンス内の非分類<div>要素の両方をターゲットにするにはどうすればよいですか？あなたはこの

div > div > div{ 
    /* styles here */ 
} 

>ような何かを行うことができるはず

Answer 1

は、子セレクタです。

divの子であるdivの子であるdivを選択して使用します。ここで

は一例です：http://jsfiddle.net/hbXsE/1/

注：あなたが提供するHTMLは、いくつかの行方不明divタグといくつかの終了spanタグを持っています。私は例のためにそれをredidします。このよう

Answer 2

：.right_column > div > div

>は "子セレクタ" である - CSSのトリックでthis一流の記事をチェックしてください。

Answer 3

セレクタdiv.right_column div divを使用できますが、より深くネストされたdivにも一致します。ほとんどの新しいブラウザでこれを避けるには、div.right_column > div > divのような子セレクタを使うことができますが、それはIEの古いバージョンでは機能しません。