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;
  }
}
相關文章
相關標籤/搜索