Css 如何在SASS中随机化选择器？

有没有办法在sass中使用随机函数作为选择器？像这样的

span {               
   &:nth-child(random(10)) {
      opacity: 1;
   }
}

请尝试以下代码：

span {
  &:nth-child(#{random(10)}) {
    opacity: 1;
  }
}

结果如下：

您可以从中阅读有关插值的更多信息。

请尝试以下代码：

span {
  &:nth-child(#{random(10)}) {
    opacity: 1;
  }
}

结果如下：

---

你可以从中阅读更多关于插值的内容。

@MisirJafarov不，它没有，因为这些示例是针对属性的，而不是针对选择器的。哦，对不起，请查看我的回答此脚本的最大问题是一旦编译CSS，随机数将不再是随机数。它将是运行时编译的任何值。因此，您不应该期望它在编译后会发生更改-如果它使用4进行编译，则在重新编译之前它将是4。如果您需要CSS变量是完全随机的，那么您可能应该使用它。您还需要JS@MisirJafarov没有，因为示例是针对属性的，而不是针对选择器的。哦，对不起，请查看我的回答此脚本的最大问题是一旦编译CSS，随机数将不再是随机数。它将是运行时编译的任何值。因此，您不应该期望它在编译后会发生更改-如果它使用4进行编译，则在重新编译之前它将是4。如果您需要CSS变量是完全随机的，那么您可能应该使用它。您还需要JS。这实际上不是sass变量。这是插值：这实际上不是sass变量。这是：