sass中List列表分隔符的类型

时间:2016-04-26 07:48:24

标签: css sass

我在SASS,逗号,空格和自动中知道三种类型的分隔符,但是逗号和自动之间有什么区别,因为我可以看到如果我不使用LIST作为分隔符它需要逗号,对于逗号它接受逗号和自动它接受自动。

$listUnquote:One, Two Three, Four;
$listSpaceSapareted:"One" "Two" "Three" "Four";    
jointAuto{join:join($listUnquote, $listSpaceSapareted, auto)}
jointComma{join:join($listUnquote, $listSpaceSapareted, comma)}
jointblank{join:join($listUnquote, $listSpaceSapareted)}

上面的代码吐出相同的值。 提前谢谢!

1 个答案:

答案 0 :(得分:1)

我认为这是auto行为:

  

除非传递$separator,否则如果一个列表以逗号分隔且一个以空格分隔,则第一个参数的分隔符将用于结果列表。如果两个列表的项目少于两个,则会在结果列表中使用空格。

只需更改列表的顺序,更改输出:

$commaList: One, Two, Three, Four;
$spaceList: "One" "Two" "Three" "Four"; 

@warn(join($commaList, $spaceList, auto));
@warn(join($spaceList, $commaList, auto));

Pen