如何使用Sass随机格式化

我最近从CSS切换到了Sass，并且遇到了一些问题（这几乎肯定是我的错），涉及到随机定位图像

以下是（相当短的）HTML：

以下是Sass：

@import "compass";

$s-min: 20;
$s-max: 70;
$l-min: 30;
$l-max: 90;

#imgholder {
  position: absolute;
}

@for $i from 1 through 1000 {
  #imgholder:nth-child(#{$i}) {
    left: random(500) + px;
  }
}

---

您的代码运行良好，并且正确地组合了CSS。。。但有一个问题：

通过

ID

创建多个选择器-在这种情况下，

\imgholder:n子项（…）

会导致错误的代码，并且可能会导致布局不一致，因为页面上的选择器必须是唯一的

改为使用类：

.imgholder:n子级（…）

附加说明：在一个页面上固定1000个随机元素和1000个随机类可能不是一个好主意。这是一项在JS中更好地完成的任务

---

如果你想通过一个小的代码示例询问你的具体目标（你想在页面上做什么？），我相信会有一些答案…；-）

非常感谢你！我对sass非常陌生，你的帖子帮了我很多。顺便说一下，我刚刚为堆栈溢出示例输入了一个随机数。我实际上只做了5个不同的随机元素。