如何在SASS中将变量设置为不相等？

变量就像一个容器，我们可以在其中存储一些数据，然后在我们的代码中重用它。因此，可以定义一次，然后在任何地方重用它。变量的值可以在代码中随时更改，下次使用时会在任何地方生效。

可能有一种情况，我们必须在 SASS 中声明一个等于空的变量。这可以通过两种方式完成：

• 可以通过将其值设为“null”来声明变量。使用“null”的好处是当它与属性一起使用时，它会在编译后的 CSS 中完全消失。
• 也可以通过将其值设为“false”来声明变量。这种类型的价值没有意义，因此不会影响财产。

以下示例演示了这种方法：

HTML代码：

HTML

  

     
About us 
     
blogs 
     
contact 
  
  

    Sign up
    log in
  

具有“null”值的变量的 SASS 文件：这里名为 color 的变量被赋予“null”值。然后将其传递给属性。

CSS

*
  margin:0
  padding:0
  
$color: null
  
nav
  margin:30px
  background-color: $color

输出：这是编译后的 CSS 文件，其中变量为空值。保存空值的变量在最终文件中消失，因此对输出没有影响。

CSS

*{
  margin: 0;
  padding: 0;
}
  
  
nav {
  margin: 30px;
}

带有“false”值的变量的 SASS 文件：这里名为 color 的变量被赋予“false”值。然后它被传递给一个属性。

CSS

*
  margin:0
  padding:0
  
$color: false
  
nav
  margin:30px
  background-color: $color

输出：这是编译后的 CSS 文件，其中变量的值为 false。在这里，名为color的变量的值实际出现在指定属性中，但由于该值不合适，因此不会影响输出。

CSS

* {
  margin: 0;
  padding: 0;
}
  
nav {
  margin: 30px;
  background-color: false;
}