css - sass中列表分隔符的类型

Question

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

$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)}

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

Answer 1

我认为这是 auto 行为:

Unless $separator is passed, if one list is comma-separated and one is space-separated, the first parameter’s separator is used for the resulting list. If both lists have fewer than two items, spaces are used for the resulting list.

只需改变列表的顺序，改变输出:

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

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

Pen