Less 逻辑函数

if

条件返回两个值之一。

参数:

  • condition: 布尔表达式

  • value1: 如果 condition 为真,则返回该值。

  • value2: 如果 condition 不为真,则返回该值。

发布于: v3.0.0 

更新于: v3.6.0

示例:

@some: foo;

div {
   margin: if((2 > 1), 0, 3px);
   color:  if((iscolor(@some)), @some, black);
}

结果:

div {
   margin: 0;
   color:  black;
}

注意: conditional 参数支持的布尔表达式与守卫声明相同。

if(not (true), foo, bar);
if((true) and (2 > 1), foo, bar);
if((false) or (isstring("boo!")), foo, bar);

注意:在 Less 3.6 之前,条件需要一组括号。

if(2 > 1, blue, green);   // Causes an error in 3.0-3.5.3
if((2 > 1), blue, green); // Ok 3.6+

boolean

为真或假。

你可以 "store" 布尔测试以供以后在守卫中进行评估或 if()。

参数:

  • condition: 布尔表达式

发布于: v3.0.0 

更新于: v3.6.0

示例:

@bg: black;
@bg-light: boolean(luma(@bg) > 50%);

div {
 background: @bg;
 color: if(@bg-light, black, white);
}

结果:

div {
 background: black;
 color: white;
}
说说我的看法
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
公众号