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 函数里面。