一次更改,多處使用。
這就和js差不多了,感覺Sass取HTML, JS的精華,使CSS更易于編寫,維護。
這就和js差不多了,感覺Sass取HTML, JS的精華,使CSS更易于編寫,維護。
2017-07-21
自己的理解:
1. $properties: (margin, top); 類似于定義一個變量,變量的類型為數組,數組的值分別為 margin,padding。
2. @each in 類似于 ES6 的 for of 循環,循環出數組的值 margin,padding。
3. "#{} " 用于字符串的連接,將變量名寫在花括號中,連字符是"-"。
4. 這里的混合宏帶兩個參數 $side,$value。后面調用時分別用 top 和 14px 替換。
1. $properties: (margin, top); 類似于定義一個變量,變量的類型為數組,數組的值分別為 margin,padding。
2. @each in 類似于 ES6 的 for of 循環,循環出數組的值 margin,padding。
3. "#{} " 用于字符串的連接,將變量名寫在花括號中,連字符是"-"。
4. 這里的混合宏帶兩個參數 $side,$value。后面調用時分別用 top 和 14px 替換。
2017-07-13