stylus -条件与迭代

Stylus

条件语句

     这没什么好说的，跟一般的语言一致，if表达式满足(true)的时候执行后面语句块，否则，继续后面的else if或else.

flag = true
if flag == true
	div
		background red
else
	div
		background pink

div
	width 100px
	height 100px

迭代（循环）

     stylus允许你通过for/in对表达式进行迭代。

for n in 1 2 3 4 5
	div:nth-child({n}) // 注意这里使用了插值符号
		padding (n * 10)px

上述代码编译结果为：

div:nth-child(1) {
  padding: 10px;
}
div:nth-child(2) {
  padding: 20px;
}
div:nth-child(3) {
  padding: 30px;
}
div:nth-child(4) {
  padding: 40px;
}
div:nth-child(5) {
  padding: 50px;
}

stylus函数同样可以包含for循环。
求和：

sum(nums)
  sum = 0
  for n in nums
    sum += n

sum(1 2 3) // => 6