创新互联less教程:Less 转义

描述

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

创新互联是一家专业提供蓬安企业网站建设,专注与做网站、网站设计、H5场景定制、小程序制作等业务。10年已为蓬安众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。


例子

下面的例子演示了在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;
}

在将LESS代码编译为CSS代码之后,〜“some_text"中的任何内容将显示为 some_text 。


输出

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

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

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



当前文章:创新互联less教程:Less 转义
URL分享:http://www.mswzjz.cn/qtweb/news21/270471.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能