在Sass中如何执行布尔运算？

"在Sass中，可以使用布尔运算符来执行条件判断和逻辑运算。布尔运算符包括and、or、not等。

$color: red;
$bg-color: green;

// 使用if语句进行条件判断
@if $color == red {
  color: $color;
} @else {
  color: blue;
}

// 使用逻辑运算符and
$width: 100px;
$height: 50px;
@if $width > 0 and $height > 0 {
  width: $width;
  height: $height;
}

// 使用逻辑运算符or
$background: null;
$bg-color: green;
@if $background == null or $bg-color == null {
  background-color: $bg-color;
}

// 使用逻辑运算符not
$visible: false;
@if not $visible {
  display: none;
}

// 使用三元运算符进行简单的条件判断
$text-color: black;
$background-color: white;
$color: if($text-color == black, white, black);

// 使用@each循环和条件判断
$fonts: (heading: Arial, body: Helvetica, caption: Verdana);
@each $key, $value in $fonts {
  @if $key == heading {
    h1 {
      font-family: $value;
    }
  } @else {
    p {
      font-family: $value;
    }
  }
}

通过上述代码示例，可以看到在Sass中如何使用布尔运算符进行条件判断和逻辑运算，从而根据不同情况设置样式属性。这些功能可以帮助开发人员更灵活地控制样式表的生成，使代码更加可维护和可扩展。"