Sass函数--列表函数append

append() 函数是用来将某个值插入到列表中，并且处于最末位。

>> append(10px 20px ,30px)

(10px 20px 30px)

>> append((10px,20px),30px)

(10px, 20px, 30px)

>> append(green,red)

(#008000 #ff0000)

>> append(red,(green,blue))

(#ff0000 (#008000, #0000ff))

如果没有明确的指定 $separator 参数值，其默认值是 auto。

如果列表只有一个列表项时，那么插入进来的值将和原来的值会以空格的方式分隔。
如果列表中列表项是以空格分隔列表项，那么插入进来的列表项也将以空格分隔；
如果列表中列表项是以逗号分隔列表项，那么插入进来的列表项也将以逗号分隔。

当然，在 append() 函数中，可以显示的设置 $separator 参数，

如果取值为 comma 将会以逗号分隔列表项
如果取值为 space 将会以空格分隔列表项

>> append((blue green),red,comma)

(#0000ff, #008000, #ff0000)

>> append((blue green),red,space)

(#0000ff #008000 #ff0000)

>> append((blue, green),red,comma)

(#0000ff, #008000, #ff0000)

>> append((blue, green),red,space)

(#0000ff #008000 #ff0000)

>> append(blue,red,comma)

(#0000ff, #ff0000)

>> append(blue,red,space)

(#0000ff #ff0000)

巴特西

Sass函数--列表函数append

最新文章

热门文章