scss-@if指令

@if指令接受表达式和使用嵌套样式,无论表达式的结果只不过是false或null。

语法：

@if expression {  //CSS codes are written here }

scss实例：

p{
    @if 10   10 == 20   { border: 1px dotted;   }
    @if 7 < 2     { border: 2px solid;  }
    @if null    { border: 3px double; }
}

编译后的代码如下:

p {
  border: 1px dotted; 
}

 

更多专业前端知识，请上 【猿2048】