Sass SCSS“；如果；带逗号的条件。它是如何工作的？

我发现这是密码。据我所知，

$应该使用模态

应该是

假

或

真

$should-use-modal: if(global-variable-exists(use-modal), $use-modal, false) !default;

共有3个部分：

全局变量存在（使用模式）

-检查变量

使用模式

是否存在

$use modal

在代码中的其他地方为

false

或

true

我们只有

false

这里的逻辑是什么？如果结果是

true

，

true

，

false

结果会是什么？或其他组合。我不明白

如果满足条件（第一个参数），那么使用第二个参数，如果不是第三个参数

例如：

if(true, blue, red) // Outputs "blue"
if(false, blue, red) // Outputs "red"

内置的if（）函数允许您根据条件进行分支，并仅返回两种可能结果中的一种。它可以在任何脚本上下文中使用。if函数只计算与它将返回的参数相对应的参数——这允许您引用可能未定义的变量，或者进行可能导致错误的计算（例如，除以零）

就你而言：

$should-use-modal: if(global-variable-exists(use-modal), $use-modal, false) !default;

@if $should-use-modal {
  .modal {
    color: red;
  }
}

不会有任何css输出，因为未定义

$should use modal

变量，因此

$should use modal

为false（指定为第三个if函数参数）。但如果您定义变量：

$use-modal: something;
$should-use-modal: if(global-variable-exists(use-modal), $use-modal, false) !default;

@if $should-use-modal {
  .modal {
    color: red;
  }
}

将输出以下

css

，因为变量已定义

.modal {
  color: red;
}

希望能有帮助

有关sass条件的详细信息。

如果满足条件（第一个参数），则使用第二个参数，如果不满足第三个参数

例如：

if(true, blue, red) // Outputs "blue"
if(false, blue, red) // Outputs "red"

内置的if（）函数允许您根据条件进行分支，并仅返回两种可能结果中的一种。它可以在任何脚本上下文中使用。if函数只计算与它将返回的参数相对应的参数——这允许您引用可能未定义的变量，或者进行可能导致错误的计算（例如，除以零）

就你而言：

$should-use-modal: if(global-variable-exists(use-modal), $use-modal, false) !default;

@if $should-use-modal {
  .modal {
    color: red;
  }
}

不会有任何css输出，因为未定义

$should use modal

变量，因此

$should use modal

为false（指定为第三个if函数参数）。但如果您定义变量：

$use-modal: something;
$should-use-modal: if(global-variable-exists(use-modal), $use-modal, false) !default;

@if $should-use-modal {
  .modal {
    color: red;
  }
}

将输出以下

css

，因为变量已定义

.modal {
  color: red;
}

希望能有帮助

更多关于sass条件的信息