列表 - list

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

List 就是列表类型的数据,在 Sass 里面,列表就是用来表示 CSS 声明里的属性的一串值 ... 列表里的值可以使用空格分隔开,或者也可以使用逗号分隔开。比如这里的 border 这个属性的值,就是一个列表,它里面有三个使用空格分隔开的值 ...

下面的 font-family 这个属性的值,也是一个列表,这个列表里的值是用逗号分隔开的 ..

列表里面可以包含其它的列表 ... 比如像这样 ... padding: 5px 10px, 5px 0; padding 属性的值是一个列表,这个列表里面又包含了两个列表,这两个列表之间用的是逗号分隔开的 .. 也就是, 5px 10px 是一个列表,后面的 5px 0 又是一个列表 ...

这个列表我们也可以使用括号分隔开 ... 同样,这里的 5px 10px 是一个列表,5px 0 又是一个列表 ... 在编译成 CSS 的时候,Sass 会去掉这些括号 ... (保存)

padding: (5px 10px) (5px 0);

List 本身并不能做什么事,不过在 @each 指令里面比较有用,或者在 Sass 的 List 函数里面。

列表 - list《 Sass 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点