less學習筆記

less是一種動態樣式語言,

　　LESS 將 CSS 賦予了動態語言的特性，如 變量， 繼承，運算， 函數. LESS 既能夠在 客戶端 上運行 (支持IE 6+, Webkit, Firefox)，也能夠藉助Node.js或者Rhino在服務端運行。

　　我編譯less就是用了一款前端預處理器語言圖形編譯工具----koala, 很是好用

 

1、變量

必須先定義，再使用

@bg-default:#707070;

.topBar {

　　background: @bg-default;

}

2、嵌套

.list {

　　width: 800px;

　　margin: 30px auto;

　　li {

　　　　height: 30px;

　　　　line-height: 30px;

　　　　background-color: pink;

　　}

}

參考文章：http://www.cnblogs.com/haoyijing/p/5793788.html