簡單繼承: @extend 繼承 編譯後 關聯屬性繼承: 編譯後 鏈式繼承: 編譯後 偽類繼承: 編譯後 sass嵌套 編譯後 相同的屬性值首碼,也可以用嵌套 編譯後 sass條件控制 @if @else if @else 編譯後 條件判斷語句也可以寫在外面 編譯後 迴圈 @for $i from ...
簡單繼承:
@extend 繼承
編譯後
關聯屬性繼承:
編譯後
鏈式繼承:
編譯後
偽類繼承:
編譯後
sass嵌套
編譯後
相同的屬性值首碼,也可以用嵌套
編譯後
sass條件控制
@if @else if @else
編譯後
條件判斷語句也可以寫在外面
編譯後
迴圈
@for $i from n1 through n2 (包括n2)
@for $i from n1 to n2(不包括n2)
編譯後
編譯後
使用for迴圈遍曆數組list
length(list) 獲取數組長度
編譯後
while迴圈
用的官方demo,編譯居然報錯了
好吧,原因是是$i: $i - 2 ,這個減號兩邊必須留空格!!!
改變了我多年的編碼風格,真難受……
修改後:
編譯後
使用each遍歷map
編譯後