CSS第n個孩子（2N）選擇選擇所有兒童

Question

下面是它的一個小提琴不工作：http://jsfiddle.net/Chenzorama/gz3hch7s/3/

我簡單的HTML看起來是這樣的：

<div class="top"> 

<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 
<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 
<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 
<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 
<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 
<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 
<div class="typeone">ONE</div> 
<div class="typetwo">Two</div> 

</div> 

我基本上是試圖應用風格到每一個其他.typetwo格...

我有一些CSS（嗯，SCSS）應IMO工作（通過使每隔一個灰色）：

.top {   
    .typetwo { 
     background-color: #0000ff; 
     &:nth-child(2n) { 
      background-color: #555555; 
     } 
    } 
} 

但是當我運行這個時，它變成灰色。從我可以告訴的是，它正在計算所有div內的頂部。

奇怪的是，&：第n個孩子（3N）正常工作？有人告訴我，我並不瘋狂。

Answer 1

，因爲他們是所有div（包括typeone和typetwo）的.TOP的div的兒童應該改爲

&:nth-child(4n) 

。

的jsfiddle here。