sass常用语法

2017-11-01  本文已影响13人  Vijay_

list和map

//一维数组
$list:10px 20px 30px;
//二维数组
$list:(1px 2px) (6px 7px);
//map
$map:($key:$val,$key2:$val);
//获取值
map-get($map,$key);
nth($list,$num);

变量值转换成代码字符

$i:1;
//将$i的值转换成代码字符 编译后就是nth-child(1);
&:nth-child(#{$i}){
        border: 1px solid;
};  

mixin使用

//声明
@mixin $name($params...){/*内容*/};
//调用
@include $name;

@function使用

//定义
@function mutable($num){
  @return $num;
  };
//使用
  border: #{mutable(1)}px solid;

遍历

@for $i from $num through $num{
/*内容*/
}
上一篇 下一篇

猜你喜欢

热点阅读