1定義變數
@text:300px;//這裡定義了乙個text變數
body
body
比如我在定義乙個兩個div的 .div,div1 這兩個div唯一不同就是div1比div 多乙個margin：100px，那麼可以用less這樣寫
class="div">div>
class="div1">div>
.div
.div1
//這裡我們以乙個三角形為例
.sanjiao
//********(第乙個引數表示方向，第二個表示大小預設為5px,第三個表示顏色預設為#000黑色)
.********(top,@w:5px,@c:#000)
.********(bottom,@w:5px,@c:#000)
.********(right,@w:5px,@c:#000)
.********(left,@w:5px,@c:#000)
.********(@_,@w:5px,@c:#000)
.sanjiao
@text：300px;
.div
那麼在css上面顯示的就是
.div
//以此類推，運算還是相對比較好理解的。
//巢狀舉乙個ul列表為例
//html**
classname="list">
href="#">今天的天氣怎麼樣a>
很好span>
li>
href="#">今天的天氣怎麼樣a>
很好span>
li>
ul>
.list{}
.list
li{}
.list
a{}.list
a:hover{}
.list
span{}
//用less寫
.list
a }
span
}
6：避免編譯和優先順序
~」 避免less來編譯。
!important 這個就和原css一樣了 優先順序最高。
less學習 less的混合（mixin）
上篇 less的巢狀規則 本篇我們來講述一下什麼是混合 mixin 混合簡單的理解就是把乙個css規則嵌入到另乙個css規則中，那麼這該怎麼理解學習呢？我們先來看一下乙個簡單的混合 a,b mixin class mixin id 編譯後 a,b mixin class mixin id 從上面的例...
less學習總結
less是一種動態樣式語言，less將css賦予了動態語言的特點，比如 變數 繼承 運算 函式。less既可以在客戶端執行，也可以借助node.js或者rhino在服務端執行。less的優點 1.結構清晰，便於擴充套件。在less中的巢狀規則下，我們可以在乙個選擇器中巢狀另乙個選擇器來實現繼承，這樣...
less學習 運算
任何數字 顏色或者變數都可以參與運算.來看一組例子 base 5 filler base 2 other base filler color 888 4 background color base color 111 height 100 2 filler less 的運算已經超出了我們的期望，它能...