开发手册 欢迎您!
软件开发者资料库

LESS - 逃脱

LESS转义 - 从简单和简单的步骤开始,从简单和简单的步骤学习,包括概述,安装,嵌套规则,嵌套指令和冒泡,操作,转义,函数,命名空间和访问器,范围,注释,导入,变量,扩展,Mixins,Parametric Mixins,Mixins作为函数,将规则集传递给Mixins,导入指令,导入选项,Mixin Guards,CSS Guards,循环,合并,父选择器,其他函数,字符串函数,列表函数,数学函数,类型函数,颜色定义函数,颜色通道函数,颜色操作,颜色混合函数,命令行用法,在浏览器中使用较少,浏览器支持,插件,编程用法,在线编译器,GUI,编辑器和插件,第三方编译器,框架。

描述

它动态构建选择器并使用属性或变量值作为任意字符串.

示例

以下示例演示了在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"内写的任何内容都将显示为 some_text 将LESS代码编译为CSS代码.

输出

现在让我们执行以下步骤,看看上面的代码如何工作去;

  • 将上述html代码保存在 escaping.html 文件中.

  • 在浏览器中打开此HTML文件,将显示以下输出.

Less Escaping