css - Stylus:为一个规则迭代多个选择器

Question

我想迭代具有不同编号的选择器以创建多个选择器，这些选择器以分配给一个规则的逗号分隔。

我进行了搜索，但没有在文档中找到任何类似的示例。

我正在尝试使用以下代码:

for num in (1..6)
  .foo-{num}
    color #dfd

但也有多个规则。

我想要实现的是:

.foo-1,
.foo-2,
.foo-3,
.foo-4,
.foo-5,
.foo-6 {
  color: #dfd;
}

Answer 1

join(range)
  str = ''
  for n in range
    str += ',.foo-' + n

{join(1..5)}
  color: #dfd

http://stylus-lang.com/docs/iteration.html#functions

编辑:评论中提到的问题的解决方案

multisize(sizes, before, after)
  str = ''
  for size in sizes
    str += before + size + after + ','

{multisize(xs sm lg, 'cs.btn-', '.btn-blue:hover')}
  color: #dfd