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为的同一元素上使用条件，例如＆gt; 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？

1 个答案: