scss中循环之@for循环布局画圆

最近在写圆周上画圆问题，圆周上12个圆均匀分布，布局之后，小圆布局若是一个一个去经过nth-child去选择就比较麻烦了，代码量很大，由于用框架开发，css预处理选择的scss，scss是能够写方法和嵌套语句的，相似js同样，当当当，划重点。因而乎写了这样的例子参考下，最基础的。
复制代码

@for $i from 1 through 12 {
    li:nth-of-type(#{$i}) {
      transform: rotate(($i - 1) * 30  + deg);
    }
  }
复制代码