让Less不进行计算/编译的方法

Less 很好很强大,极大的提高的写 CSS 的便利性。但在有些情况下我们并不需要其的编译,比如我们想写如下的样式

/* less */
#app {
  height: calc(100vh - 40px);
}

经过 Less 的编译,最后呈现出来的样式是

/* css */
#app {
  height: calc(60vh);
}

Less 帮我们进行了数值计算,并保留了前者的单位 vh

那么我们如何避免属性被编译,保留原格式呢?

官方提供了 Escaping 的特性,将属性当字符串用引号括起来,并在前面加上波浪符 ~,修改后的写法如下:

/* less */
#app {
  height: ~"calc(100vh - 40px)";
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为要结局swift3.0中引用snapKit的问题,看到一篇介绍Xcode8,swift3变化的文章,觉得很详细...
    uniapp阅读 10,072评论 0 12
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,664评论 19 139
  • 简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide...
    老夫的天阅读 5,985评论 1 29
  • 妈妈,今天是母亲节,女儿祝您节日快乐,我爱您。 不知从何时起,我发现您的脸上有了很多皱纹,头发里也有了些许白发,今...
    marinayu阅读 3,590评论 0 0
  • 最近在网上看到一个段子,大体上是这样说的,“我喜欢肉肉的女生”这句话其实是“脸颊又Q又弹但是没有双下巴,胸大臀翘但...
    fresh北阅读 6,696评论 0 1