SCSS三元函数

4 阅读1分钟

SCSS三元函数

语法

scss代码

if($condition, $if-true, $if-false)
  • $condition:布尔表达式
  • $if-true:条件为真时返回的值
  • $if-false:条件为假时返回的值
示例:

scss代码

$is-mobile: true;

.container {
  width: if($is-mobile, 100%, 960px);
  // 如果 $is-mobile 为 true,width: 100%;否则 width: 960px
}

css代码

.container {
  width: 100%;
}