變數
如果你是個開發者，變數應該是你最好的朋友。如果你要重複的使用乙個資訊(本例中就是color)，將它設定為乙個變數就可以。這樣，你就可以保證自己的一致性並可能減少滾動**來查詢顏色值、複製、貼上等繁瑣的工作了。你甚至可以加或者減一些你需要渲染的hex值到這些顏色上面。看下例子：
@blue: #00c; @light_blue: @blue + #333; @dark_blue: @blue - #333;
如果我們將這些樣式應用到3個div上面，我們就可以看到由加上和減掉的hex值形成的漸變的效果：
從@light_blue到@blue到@dark_blue的漸變效果
關於變數在less和sass中的唯一區別就是，less用@，sass用$。同時還有一些作用域上的差別，我後面會提到。
混入(mixin)
偶爾，我們會建立一些會在樣式表中重複使用的樣式規則。沒有人會阻止你在乙個html的元素中使用多個class，但是你可以用less，在樣式表中完成。為了描述這一點，我寫了一點兒例子：
.border article.post ul.menu
這可以給到你與你在兩個元素中分別新增.bordered class同樣的效果——而且僅僅在樣式表中就完成了。而且它工作的很好：
文字和無序列表都被用上了邊框樣式
在sass中，你要在樣式規則前面新增@mixin宣告，規定它是個巢狀。然後，通過@include來呼叫它：
@mixin border article.post ul.menu
sass與less對比學習
sass基於ruby語言開發，因此在開發之前必須安裝ruby less只需引入 less 檔案即可開發 sass以 定義變數 less是以 定義變數 sass color fff p less color fff p sass 定義 mixin border bg color bg color 呼叫...
less與sass迴圈對比
直接將之前自己的問題複製過來的，主要是對比less和sass迴圈樣式的用法哪個更好用。for num when num 20 for num 1 for 1 迴圈出來的結果是 width 1 5 width 2 5 如何修改.width num 5 這部分從而達到下面的效果呢？width 5 wid...
less與sass的區別點
less與sass 相同點 1，兩者都作為css擴充套件技術，也都,基於css的高階預處理語言之上。2，都有的優點 簡化 降低維護成本。3，都必須要避免中文環境，所涉及到的所有目錄，標題以及內容，不能有中文。區別點 1，變數符號不同 less是 sass是 2，編譯條件不一樣 less是需要解析器，...