Booleans,也就是布尔值,它是用来表示数据的真实性用的... 布尔值可以是 true 或者得 false ,也就是真,或者假 ... 在 Sass 里面我们可以使用比较运算符,返回的结果就是布尔值 ... 先打开 Sass 的交互功能 ... sass -i
输入 5px > 3px ... 回车 .. 你会看到返回的值是 true ,因为 5px 大于 3px 是真的 ... 再试一下 5px > 10px ... 回车 ... 这回返回的是 false ,因为 5px 不大于 10px ... 5px < 10px ... 这回又会返回 true ... 比较运算符还有 <= ,>= ,还有判断两个值绝对相等的 == ...
在 Sass 里面还支持我们使用 and,or 还有 not ... 也就是 与,或,非 ... and 两边的东西如果都是 ture ,那么它就是会返回 true ... 如果有一个东西是 false ,用 and 连接的表达式就会返回 false ..
(5px > 3px) and (5px > 10px) ... 回车 .. 返回的是 false ... 因为 and 右边的这个表达式 5px > 10px 是一个 false 的值 ... 再试一下 ... (5px > 3px) and (5px < 10px) ... 回车 ... 这次会返回 true ... 因为两个表示式都是 ture ...
用 or 连接的两个表达式 ,只要有一个表达式是 true ,整个表达式就会返回 true ... (5px > 3px) or (5px > 10px) ... 这个表达式会返回 ture ... 因为它的第一个表达式的值是 true ... (5px > 3px) or (5px < 10px) ... 两个表达式都是 true ... 整个表达式也会返回 true ...
not 是一个否定的操作,如果表达式的值是 ture ... 前面加上一个 not ,返回的就是一个 false ... 如果表达式的值是 false 的话,加上一个 not ,返回的就是 true ...
not (5px > 3px) ... 回车 .. 返回的结果是 false ... 因为 5px > 3px 这个表达式的值是 true ... 加上 not ,结果就是 false ...
not (5px < 3px) ... 回车 .. 结果是 true ... 5px < 3px 这个表达式的值是 false .. 加上 not ,就变成了 true ..