SCSSネストnth-of-type

Question

SCSSを使用し、nth-of-type()ルールをネストしようとしているネストされた要素を持っていますが、とにかく入力しませんでした。私はすべての奇妙なel_header要素を白いテキストに、偶数のすべてを黒にしたい。

.el { 
    height: 500px; 
    width: 500px; 

    &_header { 
    height: 100%; 
    width: 10%; 
    background: #555; 
    display: inline-block; 
    line-height: 500px; 
    text-align: center; 

    &nth-of-type(odd) { 
     color: black; 
    } 
    &nth-of-type(even) { 
     color: white; 
    } 

    } 
} 

DEMO

Answer 1

あなただけ&後:を忘れてしまいました。

使用

&:nth-of-type(odd){...} 

&:nth-of-type(even){...} 

、それが動作します。 updated fiddle