递归的深度

Question

我想像这样适应填充。

可以使用sass mixin或其他方式解决

.list {

  .item {
    .text-box {
        padding-left: 10px;
  }
}

.list {

    .item {
       .text-box {
            padding-left: 20px;
        }
   }

   .list {

       .item {
            .text-box {
                padding-left: 30px;
            }

        }

        .list {

            .item {
                .text-box {
                    padding-left: 40px;
                }

            }
        }
    }
}

}

Answer 1

带@for指令的循环怎么样？

$list: ".list";
@for $i from 0 through 3 {
  #{$list} {
    .item {
      .text-box {
        padding-left: (10px + $i*10px);
      }
    }
  }
  $list: append($list, ".list");
}