要素インデックスに基づくnth-child

Question

親要素に基づいていないドキュメント全体（jquery：eq（）セレクタなど）のインデックスに基づいて一致する要素を選択するには、css3 nth-childを使用します。

<div id="container"> 
    <div class="result"> 
     <div class="active">content 1</div> 
    </div> 

    <div class="result"> 
     <div class="active">content 2</div> 
    </div> 

    <div class="result"> 
     <div class="active">content 2</div> 
    </div> 
</div> 

このCSSコードのすべての.activeは私が親

body > .active:nth-child(1) { 
    background: red; 
} 

として体を作ることも試み.result

.active:nth-child(1) { 
    background: red; 
} 

親へのそれぞれの第一子であるため、すべての要素を選択しかし、それは仕事をすることはできません。

私はn番目の子は、（1）（2）を選択し、コンテンツ1 とn番目の子を選択したいコンテンツ2

Answer 1

私はあなたが.result上でn番目の子を使用したいと思います。どういたしまして@semsem

#container .result:nth-child(1) .active { 
    background: red; 
} 

JSBin