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

 

posted @ 2018-10-29 16:13  栗子壳  阅读(2989)  评论(0编辑  收藏