发表于： 2019-03-29 21:35:34
1 760
今天完成的事情：
今天完成了任务12
明天计划的事情：明天计划把任务13侧边栏完成
遇到的问题：多值变量
4、多值变量：多值变量分为list类型和map类型，简单来说list类型有点像js中的数组，而map类型有点像js中的对象。
list
list数据可通过空格，逗号或小括号分隔多个值，可用nth(var,var,index)取值。list数据操作还有很多其他函数如：
length($list)
join(list1,list1,list2,[$separator])
append(list,list,value,[$separator]) 具体可参考sass Functions（搜索List Functions即可）
scss输出
$linkColor:#08c #333 !default;//第一个值为默认值，第二个鼠标滑过值
a{
color:nth($linkColor,1);
&:hover{
color:nth($linkColor,2);
}
}
css输出
a {
color: #08c;
}
a:hover {
color: #333;
}
收获：搞清楚了怎么用多值变量
返回列表
评论