scss-比较运算符

　　与JavaScript类似，scss中也有比较运算符，下面就分别做一下介绍。

　　一、==相等和!=不相等运算符:

　　此运算符用来判断两个操作数是否相等。

　　特别说明:

　　上面两个运算符，支持类似于JavaScript严格类型比较(===)。

　　看如下代码实例:

/*false*/
("5" == 5)
/*true (Libsass不支持)*/
(20px == 20)

/*false*/
("5" == 5)
/*true (Libsass不支持)*/
(20px == 20)

　　二.其他比较运算符:

　　>、>=、<和<=这几个运算符比较相近，一个代码实例足以表明它的使用方式:

$padding: 50px;
  
h2 {
  @if($padding <= 20px) {
    padding: $padding;
  } @else {
    padding: $padding / 2;
  }
}

 

转载于:https://www.cnblogs.com/ibabyli/p/9870926.html