作為 CSS 的一種擴展,Less 不僅完全相容 CSS 語法,而且連新增的特性也是使用 CSS 語法。這樣的設計使得學習 Less 很輕鬆,而且你可以在任何時候回退到 CSS(摘自官網) 1.變數 Less通過@來定義變數;Less中的變數為完全的常量,所以只能被定義一次 @base: #f938 ...
作為 CSS 的一種擴展,Less 不僅完全相容 CSS 語法,而且連新增的特性也是使用 CSS 語法。這樣的設計使得學習 Less 很輕鬆,而且你可以在任何時候回退到 CSS(摘自官網)
1.變數
Less通過@來定義變數;Less中的變數為完全的常量,所以只能被定義一次
@base: #f938ab;
div {
background: @base;
padding: 50px;
}
p {
color: #ff0;
}
2.混合(Mixin)
混合可以將一個定義好的class A輕鬆的引入到另一個class B中,從而簡單實現class B繼承 class A中的所有屬性。我們還可以帶參數地調用,就像使用函數一樣。