【1、注釋】
在less中,注釋的方法有2中。
一種是雙斜槓(//)
另一種是(/ /)
在css中,只認(/ /),而雙斜槓(//)css是不認的。
所以在less中,用(/ /)的注釋是可以被編譯出來的。
而雙斜槓(//)在less的編譯過程中,是忽略掉的。
less**
// 雙斜槓注釋
/* 傳統樣式注釋 */
編譯後的css**
/* 傳統樣式注釋 */
【變數】
less變數的宣告是用 @ 符。引用的時候也是用 @ 符。
@後面跟著變數名,然後加上冒號,再加上變數的值。
@變數名: 值
less
@bgc: #ff6600;
@area: 1200px;
body
.content
編譯後的css
body
.content
通常會用less設定乙個主題色、版心的常用屬性。
日後需要修改,只要修改定義好的變數就行。變數能大大減少日後維護的工作量。
less(二) less的變數和注釋
上篇中,我們簡單了解了less的使用環境和怎麼使用less 下面我們了解一下less 的變數和注釋 less 的注釋 這是第一種注釋 這是第二種注釋 上面的第一種注釋麻煩一點,但是當我們的less檔案編譯成css檔案後,css檔案中注釋依然存在 相反的第二種注釋簡單一點,但是編譯成css 檔案後,c...
Less變數詳解
普通的變數 css預設不支援變數,當我們使用 less 之後就可以使用。其定義方式是 變數名 值 如下,我們定義乙個變數 green,設定乙個顏色 green,然後將網頁背景設定為綠色 green 801f77 header 注意 由於變數只能定義一次,實際上他們就是 常量 作為選擇器和屬性名 使用...
正確使用less以及less變數variables
初見less 以 開始的注釋不會被編譯到css檔案中 以 包裹的注釋會被編譯在css檔案中 正確使用less 一 如何使用less less檔案只有在被編譯後才能被瀏覽器識別使用 二 less編譯工具三 客戶端除錯方式 首先引用.less檔案 注意引用時使用link引入,然後將rel屬性設定為rel...