sass 比如说我想选取#name下的第二个div该怎么写?

Question

//正常来写是这样

#name>div:nth-child(2){
    background-color:red
} 

那在sass下我应该怎么写 ?

Answer 1

#name > div
{
    &:nth-child(2){
         background-color: red;
    }
}

Answer 2

直接这样也可以，不过我一般这样写(scss形式)：

#name {
    >div:nth-child(2) {
        background-color: red;
    }
}