美文网首页
让Less不进行计算/编译的方法

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

作者: KimYYX | 来源:发表于2017-12-28 16:16 被阅读0次

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

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

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

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

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

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

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

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

相关文章

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

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

  • Gulp-less编译calc

    最近用gulp-less编译less文件,在用calc计算方法时,css的计算方法和less冲突,导致运算错误,试...

  • CSS处理器--Less

    导入less文件到另一个less文件中 Less的基本语法 将编写完的less文件(扩展名为.less)进行编译(...

  • less_预编译_后编译

    less参考 预编译 使用举例: 比如写less/sass的时候,定义的变量,发布前要进行预编译生成对应的css。...

  • 【Less】样式重置

    使用less预编译,进行浏览器样式重置

  • CSS预处理器 LESS

    使用 less代码可以在js中直接被编译,常见的使用less方法包括以下四种 命令行编译 IDE插件VSCode中...

  • 安装nodejs less 遇到的问题

    解决方法 1.问题:安装nodejs less 后,不能编译less 文件,报错:"/usr/bin/env:no...

  • 2019-03-19ArgumentError:invalid

    在使用coala软件进行sass或者less进行编译,发生上面的报错 ArgumentError:invalid ...

  • LESS快速上手

    Less可以让我们更高效的进行CSS开发,less文件最终会编译为css文件,用于我们的项目中。 在Less中,我...

  • Less基础

    执行时用js编译less Less编译工具 koala 官网:www.koala-app.com less中的注...

网友评论

      本文标题:让Less不进行计算/编译的方法

      本文链接:https://www.haomeiwen.com/subject/wsjvgxtx.html