CSS 预处理器 Stylus 是否可以实现这种随机条件？

Question

我在 Stylus 中有一个随机函数：

random(min,max)
   return floor(math(0, 'random')*(max - min + 1) + min)

我像这样使用它在元素上生成随机 z-index:

for i in (1..10) 
   .x{i}
      z-index random(-99, 99)

现在我想要一个条件 在同一元素上，如果 z-index 是，例如 > 0...这可能吗？

Answer 1

是的，您可以将这个随机值保存到变量中，然后在条件和 z-index:

中重复使用它

random($min, $max)
  return floor(math(0, 'random') * ($max - $min + 1) + $min)

for $i in (1..10)
  $random_value = random(-99, 99)
  .x{$i}
    z-index: $random_value

    if $random_value > 0
      background: lime

CSS 预处理器 Stylus 是否可以实现这种随机条件？

Is this random conditional possible with CSS preprocessor Stylus?

css

stylus