关系运算符

关系运算符确定数字是否大于或小于彼此。它们可以自动在兼容的单位之间转换。

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

SCSS Syntax

@debug 100 > 50; // true
@debug 10px < 17px; // true
@debug 96px >= 1in; // true
@debug 1000ms <= 1s; // true
Playground

Sass Syntax

@debug 100 > 50  // true
@debug 10px < 17px  // true
@debug 96px >= 1in  // true
@debug 1000ms <= 1s  // true

无单位的数字可以与任何数字比较。它们会自动转换为该数字的单位。

Playground

SCSS Syntax

@debug 100 > 50px; // true
@debug 10px < 17; // true
Playground

Sass Syntax

@debug 100 > 50px  // true
@debug 10px < 17  // true

具有不兼容单位的数字不能比较。

Playground

SCSS Syntax

@debug 100px > 10s;
//     ^^^^^^^^^^^
// 错误：不兼容的单位 px 和 s。
Playground

Sass Syntax

@debug 100px > 10s
//     ^^^^^^^^^^^
// 错误：不兼容的单位 px 和 s。