Less教程
Less函数

Less isunit()

Less isunit()

Less isunit()函数将一个值作为参数,如果该值是以指定单位作为参数提供的数字,则返回TRUE,否则返回FALSE 。

isunit()函数示例

让我们以一个示例演示Less文件中isunit()函数的用法。
创建一个Less名为"simple.less"的文件,具有以下代码:
less 的文件: simple.less
div {
    font:        isunit(11px, px);  
    background:  isunit(2.2%, px);
    border:      isunit(33px, rem);
    font:        isunit(4rem, rem);
    background:  isunit(56px, "%");
    border:      isunit(7.8%, '%');
    border:      isunit(1234, em);
}
现在打开node.js命令提示符并执行以下代码: lessc simple.less simple.css
缺少isunit function1
这将编译"simple.less"文件。将生成一个名为" simple.css"的CSS文件。
例如:
Less isunit function2
生成的CSS" simple.css"具有以下代码:
输出:
缺少isunit function3
div {
  font: true;
  background: false;
  border: true;
  border: false;
}
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4