快速入门
概览
变量(Variables)
混合(Mixins)
嵌套(Nesting)
运算(Operations)
转义(Escaping)
函数(Functions)
命名空间和访问符
映射(Maps)
作用域(Scope)
注释(Comments)
导入(Importing)
Less.js 用法
命令行用法
浏览器使用
Less.js选项
预装插件
程序化使用
API
Contributing to Less.js
Less 函数手册
逻辑函数
字符串函数
列表函数
数学函数
类型函数
其他功能
颜色定义函数
颜色通道函数
颜色操作函数
颜色混合函数
进阶指南
合并
父选择器
扩展
变量
Mixins
CSS Guards
Detached Rulesets
@import At-Rules
@plugin At-Rules
Maps (NEW!)
Less入门文档
网站首页
逻辑函数
### if Returns one of two values depending on a condition. Parameters: - `condition`: A boolean expression - `value1`: A value returned if condition is true. - `value2`: A value returned if condition is not true. Released: v3.0.0 Updated: v3.6.0 #### Examples: ```less @some: foo; div { margin: if((2 > 1), 0, 3px); color: if((iscolor(@some)), @some, black); } ``` #### Result: ```less div { margin: 0; color: black; } ``` **Notes:** A boolean expression supported as the conditional parameter are the same as of Guard Statements. ```less if(not (true), foo, bar); if((true) and (2 > 1), foo, bar); if((false) or (isstring("boo!")), foo, bar); ``` **Note:** before Less 3.6, the condition required a set of parentheses. ```less if(2 > 1, blue, green); // Causes an error in 3.0-3.5.3 if((2 > 1), blue, green); // Ok 3.0+ ``` ### boolean Evaluates to true or false You can "store" a boolean test for later evaluation in a guard or if(). Parameters: - `condition`: A boolean expression Released: v3.0.0 Updated: v3.6.0 #### Examples: ```less @bg: black; @bg-light: boolean(luma(@bg) > 50%); div { background: @bg; color: if(@bg-light, black, white); } ``` #### Result: ```less div { background: black; color: white; } ```
上一篇:
Contributing to Less.js
下一篇:
字符串函数