好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Sass-也许你想和CSS玩耍起来(下篇)

问心无愧,共勉!

sass-也许你想和CSS玩耍起来(上篇)

上篇中主要介绍了一些sass的基本特性。下篇中,主要是写一些我们常用的sass控制命令,函数和规则。

sass进阶

控制命令

可能看过上篇的朋友会发现在有些代码中出现@if,@else,@each等,熟悉JS条件语句和循环的朋友会比较了解这些控制命令的功能所在,这些控制命令是sass的一个重要组成部分。

@if,@else

@if@else是一个简单的根据条件来处理样式块的SassScript,如果if的条件是true那么就调用if的样式块,否则就调用else的样式块,一个简单的代码示例

 @mixin GOD($SHOW:true)  { 
  @if $SHOW {
      display :  block ;
    } 
    @else  { 
      display :  none ;
    } 
}

.block  { 
  @include GOD;
 } 

.hidden { 
  @include GOD(false);
 } 

查看更多关于Sass-也许你想和CSS玩耍起来(下篇)的详细内容...

  阅读:31次