LESS
參考資料：
LESS官網
w3cplus less入門教程
less的編譯
$ npm install -g less
$ lessc styles.less
$ lessc styles.less > styles.css
在命令行中可以進行如上操作
我的 Mac一定是一定是抽風了！！！
$ npm install less
$ sudo npm install -g less
$ lessc style.less > styles.css
這樣才可以
less特性及語法
變量——Variables
- 用@color來定義一些變量
- less中的變量只能定義一次，前后重復會被覆蓋
- 變量可以進行計算
- 變量的范圍Scope，向上就近原則，自身有就用自身的，自身沒有就找父類中次變量
混入——Mixins
- 就像函數一樣，可以額外定義一個類，類里面可以有選擇的填寫默認參數，應用到另一個類中
- 可以混入參數，這個與默認參數相比較來說的
- @arguments是一個很特殊的參數，相當于js中的arguments參數，可以先暫時替代實參
嵌套規則——Nested Rules
- 針對多層元素來說的，以前需要加上class或者id，要不然就是從高層一層一層的選擇下來，現在可以進行less中的嵌套。
- &是一個很特殊的值，&指的是同一個元素或者偽類，沒有&指的是后代元素
Functions & Operations
- Operations幫助css的屬性，尤其是顏色，數字，屬性進行四則運算的功能。
- Functions 中有Color Functions，<p style="color:red;">這個仍然不是太懂</p>
命名空間
- 經常使用某一段代碼，要先封裝起來，之后用『 > 』調用就可以了
Less的注解——Comments
- 注釋和js中注釋方式一樣
客戶端的使用——Client-side usage
- 先<link>導入你的less文件
- 之后用<script>導入一個名叫"less.js"的文件
- less.js文件下載地址
SASS
- 注意使用scss文件后綴
- 變量用$來定義
- 父選擇器的標識符&
- 子組合選擇器和同層組合選擇器：>、+和~
- sass也有一個@import規則，但不同的是，sass的@import規則在生成css文件時就把相關文件導入進來。這意味著所有相關的樣式被歸納到
了同一個css文件中，而無需發起額外的下載請求。另外，所有在被導入文件中定義的變量和混合器（參見2.5節）均可在導入文件中使用。 - 混合器@mixin
- 靜默注釋
- @extend選擇器繼承
