关系运算符确定 numbers 是否大于或小于彼此。 它们会自动在兼容单位之间进行转换。
<expression> < <expression>
返回第一个 expression 的值是否小于第二个。<expression> <= <expression>
返回第一个 expression 的值是否小于或等于第二个。<expression> > <expression>
返回第一个 expression 的值是否大于第二个的值。<expression> >= <expression>
,返回第一个 expression 的值是否大于或等于第二个。
scss
Scss
scss
@debug 100 > 50; // true
@debug 10px < 17px; // true
@debug 96px >= 1in; // true
@debug 1000ms <= 1s; // true
无单位数可以与任何数字进行比较。 它们会自动转换为该数字的单位。
scss
Scss
scss
@debug 100 > 50px; // true
@debug 10px < 17; // true
无法比较单位不兼容的数字。
scss
Scss
scss
@debug 100px > 10s;
// ^^^^^^^^^^^
// Error: Incompatible units px and s.