Less 轉(zhuǎn)義
描述
它動態(tài)構(gòu)建選擇器,并使用屬性或變量值作為任意字符串。
例子
下面的例子演示了在Less文件中使用轉(zhuǎn)義:
<html>
<head>
<title>Less Escaping</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>Example using Escaping</h1>
<p>LESS enables customizable, manageable and reusable style sheet for web site.</p>
</body>
</html>
接下來,創(chuàng)建文件 style.less 。
style.less
p {
color: ~"green";
}
您可以使用以下命令將 style.less 文件編譯為 style.css :
lessc style.less style.css
接下來執(zhí)行上面的命令,它將用下面的代碼自動創(chuàng)建 style.css 文件:
style.css
p {
color: green;
}
在將LESS代碼編譯為CSS代碼之后,?“some_text"中的任何內(nèi)容將顯示為 some_text 。
輸出
讓我們執(zhí)行以下步驟,看看上面的代碼如何工作:
將上述html代碼保存在escaping.html文件中。
在瀏覽器中打開此HTML文件,將顯示如下輸出。