LESS 转义
LESS转义
LESS可以动态地构建选择和使用属性或变量的值作为任意字符串。
例子
<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>
创建style.less文件.
style.less
p { color: ~"green"; }
使用下面命令编译less文件
lessc style.less style.css
得到css文件
style.css
p { color: green; }
凡是里面写〜“some_text”将被编译Less代码CSS代码后,显示为 some_text。
输出
让我们来执行以下步骤,看看上面的代码工作:
保存上面的html代码到 escaping.html 文件。
在浏览器中打开该HTML文件,得到如下输出显示。