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