SASS运算符详细介绍和用法实例

2021年3月17日18:16:45 发表评论 637 次浏览

SASS提供并支持各种有用的操作符为了与不同的值。这些运算符由标准数学运算符组成, 例如+, -, /和*以及以下列出的各种其他类型的运算符:

  • +, -, *, /和%对于某些单位具有特殊行为的数字具有数学上通常的含义, 这些行为与科学数学中使用单位的行为相匹配。
  • ==和!=运算符用于检查天气两个值是否相等。
  • <, <=, >和> =是用于比较两个值以获得大于或小于结果的运算符。
  • AND, OR和NOT遵循通常的布尔行为。在SASS中, 除false和NULL外, 每个值都被视为" TRUE"。
  • +, –和/也可以用来连接两个或多个字符串。

操作顺序:

SASS遵循以下最标准的运算符顺序:最紧到最松。

  1. 一元运算符:NOT, +, -和/。
  2. /, *和%运算符。
  3. +和–运算符。
  4. <, <=, >和> =运算符。
  5. ==和!=运算符。
  6. AND运算符。
  7. OR运算符。
  8. =运算符(如果有)。

例子:

验证码:

@debug 2 + 4 * 6 == 2 + ( 4 * 6 )

输出如下:

true
@debug true or false and false == true or (false and false)

输出如下:

true

括弧:

除了运算符的通用顺序外, 还可以使用来显式更改其顺序括弧。括号内写的操作总是在写在括号外的运算符之前执行。括号也可以嵌套。如果是嵌套括号, 则首先执行最里面的括号。

例子:

@debug (2 + 3) * 4

输出如下:

20
@debug ((2 + 3) - 1) * 5

输出如下:

20

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: