Sass列表函数-join()

join($list1, $list2, $separator: auto, $bracketed: auto)

$separator表示返回新列表的分隔符,值只能是comma,space,auto,不允许使用其他值

  • comma表示分号
  • space表示空格
  • auto为默认值,返回的新列表使用与$list1相同的分隔符;但当第一个列表中只有一个列表项,则使用与$list2相同的分隔符;当两个列表中的列表项都小于1时,将会以空格分隔

$bracketed用于控制返回的新列表是否有方括号,值只能是true,false,auto

  • true表示有方括号
  • false表示没有
  • auto为默认值,返回的新列表的方括号结果与$list1一致
@debug list.join((blue, red), (#abc, #def), $separator: space); // blue red #abc #def
@debug list.join(10px, 20px, $bracketed: true); // [10px 20px]

两个列表连接合并成一个列表,如果直接连接两个以上的列表将会报错

>> join(10px 20px, 30px 40px)
(10px 20px 30px 40px)
>> join((blue,red),(#abc,#def))
(#0000ff, #ff0000, #aabbcc, #ddeeff)
>> join((blue,red),(#abc #def))
(#0000ff, #ff0000, #aabbcc, #ddeeff)

多个(>2)列表的连接

>> join((blue red), join((#abc #def),(#dee #eff)))
(#0000ff #ff0000 #aabbcc #ddeeff #ddeeee #eeffff)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • [1] 四、Sass的控制命令 [2] 4.1 @if @if是一个SassScript,它可以根据条件来处理样式...
    没汁帅阅读 1,991评论 0 2
  • 基础 声明变量 普通变量 默认变量 变量覆盖:只需要在默认变量之前重新声明下变量即可 变量的调用 局部变量和全局变...
    Jill1231阅读 1,369评论 0 1
  • -------------------------一、控制指令--------------------------...
    夜幕小草阅读 3,222评论 0 5
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,657评论 0 5
  • 写在前面的话 代码中的# > 表示的是输出结果 输入 使用input()函数 用法 注意input函数输出的均是字...
    FlyingLittlePG阅读 3,165评论 0 9

友情链接更多精彩内容