與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; } }