less 注釋 變數

2021-09-24 17:27:47 字數 640 閱讀 1455

【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...