发表于: 2019-06-23 22:37:36

2 774


今日了解并学习了sass的使用,并记录了我在使用过程中所踩过的坑

 

1 了解了在进行嵌套的时候,里面的元素必须要加上冒号 “ :”,

否则就会出现以下bug

2 命名连续变量,可在小括号内设置n个变量

@mixin flex-row($flex,$valua:center) {

    display:$flex;
    display: -webkit-flex;    
    justify-content: $valua;
}


3 设置元素连接符后的变量

切记要在连字符后加  #{ } ,且括号要使用大括号,否则会报错

@mixin border($a, $width,$style,$color) {
  border-#{$a}: $width $style $color;
}

最终输出css

 border-bottom: 1px solid #999999;


明日计划:了解师兄在昨天所提问的两个问题:

1 了解  % 占位符

2 了解继承中,%  的作用

3 学习模块化


返回列表 返回列表
评论

    分享到