发表于: 2019-06-23 22:37:36
2 775
今日了解并学习了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 学习模块化
评论