css - SASS变量在条件内设置？

Question

我可以在 SASS 的 if/else 条件语句中设置变量吗？比如说你想为一个页面设置 2 种配色方案。考虑在 body 上设置一个类来处理颜色差异，您可以执行以下操作(为英语编写，不尝试任何正确的语法):

If parent class is red then $main-color = #f00 else $main-color = #000

我可以这样做吗？

Answer 1

是的，这是可能的:

$parent: true
$foo: red

@if $parent == true 
  $foo: blue

p
  color: $foo

codepen

然而，值得注意的是，您将无法使用条件检查 SASS 中父元素(或任何其他元素)的属性(参见 this 来自SASS lead)，所以伪代码中的parent class 必须存储在 sass $variable 中。