Less轉義

它動態地構建選擇和使用屬性或變量的值作爲任意字符串。

示例

下面的例子演示了使用轉義在Less文件:

Less Escaping

Example using Escaping

LESS enables customizable, manageable and reusable style sheet for web site.

接下來,創建一個文件 style.less.

style.less

p {
color: ~"green";
}

你可以編譯style.less文件使用以下命令來生成 style.css 文件:

lessc style.less style.css

接着執行上面的命令,它會自動創建 style.css文件,下面的代碼:

style.css

p {
color: green;
}

凡是裏面寫〜「some_text」將被編譯Less代碼CSS代碼後,顯示爲 some_text。

輸出

讓我們來執行以下步驟,看看上面的代碼工作:

  • 保存上面的html代碼到 escaping.html 文件。

  • 在瀏覽器中打開該HTML文件,得到如下輸出顯示。

Less轉義