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);
    }
  }
複製代碼