Sass 使用SCSS循环生成嵌套选择器?

Sass 使用SCSS循环生成嵌套选择器?,sass,Sass,我可以在SCSS中使用循环(或递归)来生成这样的东西吗 div {margin-top: 1px} div > div {margin-top: 2px} div > div > div {margin-top: 3px} div > div > div > div {margin-top: 4px} 根据您的使用情况,可以使用循环 $sel: ''; @for $i from 1 through 10 { $sel: if($i == 1, "di

我可以在SCSS中使用循环(或递归)来生成这样的东西吗

div {margin-top: 1px}
div > div {margin-top: 2px}
div > div > div {margin-top: 3px}
div > div > div > div {margin-top: 4px}
根据您的使用情况,可以使用循环

$sel: '';
@for $i from 1 through 10 {
    $sel: if($i == 1, "div", selector-nest($sel, "> div")) !global;

    #{$sel} {
        margin-top: 1px * $i;
    }
}