scss-比较运算符

  与JavaScript相似,scss中也有比较运算符,下面就分别作一下介绍。css

  1、==相等和!=不相等运算符:sass

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

  特别说明:code

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

  看以下代码实例:ip

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

  二.其余比较运算符:scss

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

$padding: 50px;
  
h2 {
  @if($padding <= 20px) {
    padding: $padding;
  } @else {
    padding: $padding / 2;
  }
}
相关文章
相关标签/搜索