Loops SASS循环选择器

我得到了如下所示的重复选择器：

// Level 1
.wrap > ul > li {
  background: green;
}

// Level 2 
.wrap > ul > li > ul > li {
  background: orange;
}

// Level 3 
.wrap > ul > li > ul > li > ul > li {
  background: red;
}

// Level 4 
.wrap > ul > li > ul > li > ul > li > ul > li {
  background: light-red;
}

// Level 5 
.wrap > ul > li > ul > li > ul > li > ul > li > ul > li{
  background: salmon;
}

有没有办法创建一个sass函数，这样我就可以像这样指定深度和颜色

 **for example** 
 @include depth(5) { background: salmon })

非常感谢您的帮助：）

您可以使用一个循环来生成选择器链，然后将其注入规则中：

---

|

你真是太棒了。非常感谢；）

@mixin depth($depth: 1) {
  $chain: '';
  @for $i from 0 to $depth {
    $chain: $chain + ' > ul > li';
  }

  & #{$chain} {
    @content;
  }
}