Css 使用不同分隔符的嵌套联接
我有两个列表,用空格隔开:Css 使用不同分隔符的嵌套联接,css,list,join,sass,nested-lists,Css,List,Join,Sass,Nested Lists,我有两个列表,用空格隔开:foobar和baz-ban,嵌入在一个列表中:(foobar,baz-ban)。我想用逗号连接这两个列表,在列表中保留空格分隔符,以获得: foo bar, baz ban 我该怎么做 当我没有在join函数中指定分隔符时,所有字符都会被一个空格连接起来: @debug join(foo bar, baz ban); => DEBUG: foo bar baz ban 当我在join函数中为分隔符指定comma时,所有分隔符都变成一个空格: @debug j
foobar
和baz-ban
,嵌入在一个列表中:(foobar,baz-ban)
。我想用逗号连接这两个列表,在列表中保留空格分隔符,以获得:
foo bar, baz ban
我该怎么做
当我没有在join
函数中指定分隔符时,所有字符都会被一个空格连接起来:
@debug join(foo bar, baz ban);
=> DEBUG: foo bar baz ban
当我在join
函数中为分隔符指定comma
时,所有分隔符都变成一个空格:
@debug join(foo bar, baz ban, comma);
=> DEBUG: foo, bar, baz, ban
join()
将一个列表附加到另一个列表。。。这意味着从两个一维列表中,每个列表有两个元素,它将始终生成一个包含四个元素的一维列表(正如您已经注意到的)
要将这两个列表组合成具有两个元素(每个元素都是原始列表中的一个)的二维(嵌套)列表,您只需执行以下操作:
@debug (foo bar, baz ban);
=> DEBUG: foo bar, baz ban