📜  SASS |关系运算符

📅  最后修改于: 2021-08-30 10:03:46             🧑  作者: Mango

关系运算符是那些比较两个数字的值的运算符。他们判断一个数字是否小于或大于或等于另一个数字。它们会自动将数字转换为兼容的单位。

  • < 返回第一个表达式的值是否小于第二个的值。
  • <= 返回第一个表达式的值是否小于或等于第二个的值。
  • > 返回第一个表达式的值是否大于第二个的值。
  • >= ,返回第一个表达式的值是否大于或等于第二个。

例子:

@debug 100 > 50 

输出:

true
@debug 10px > 17px 

输出:

false
@debug 96px >= 1in  

输出:

true
@debug 1001ms <= 1s 

输出:

false

没有单位的数字可以与任何数字进行比较。这些无单位数字会自动转换为其他数字的单位。

例子:

@debug 100 > 50px 

输出:

true
@debug 10px > 17  

输出:

false

只有单位不兼容的数字不能相互比较。

例子:

@debug 100px > 10s

输出:

Error: Incompatible units px and s.