CSS Sass:有没有一种方法可以选择一组元素并对其进行迭代?

CSS Sass:有没有一种方法可以选择一组元素并对其进行迭代?,css,sass,Css,Sass,我有一个与此类似的HTML结构: <div class="wrap"> <div class="char">A</div> <div class="char">B</div> <div class="char">C</div> <div class="char">D</div> </div> A. B C D 现在,我想迭代具有类“char”的每个元素。

我有一个与此类似的HTML结构:

<div class="wrap">
  <div class="char">A</div>
  <div class="char">B</div>
  <div class="char">C</div>
  <div class="char">D</div>
</div>

A.
B
C
D
现在,我想迭代具有类“char”的每个元素。 在JavaScript中,一种可能的方法是:

// ...
// Select elements with Class "char".
var chars = document.querySelectorAll('.char');
// ...    

// After changing the node-list to an array I could ...
for (i = 0; i < chars.length; i++) {
  // Do something with the element. E.g. apply an transform.
  // ...
/。。。
//选择类为“char”的元素。
var chars=document.querySelectorAll('.char');
// ...    
//将节点列表更改为数组后,我可以。。。
对于(i=0;i
有没有办法用Sass完成这些操作“选择元素组”、“迭代组”、“处理每个元素”

更新:

这应该让我清楚地知道我喜欢做什么。类似于这一点,但只使用Sass(而不是JavaScript):

var chars=document.querySelectorAll('.char');
chars=Array.prototype.slice.call(chars);
var i;
对于(i=0;i

A.
B
C
D
E

sass允许您创建自己的简单函数
参见示例

sass允许您创建自己的简单函数
参见示例

Hi Oskar。请在您的答案中添加示例代码。谢谢。Hi Oskar。请在您的答案中添加示例代码。谢谢。不清楚您想做什么。此“迭代”的目的是什么。@Paulie_D对特定组的每个元素应用一个操作。例如:“变换:旋转”。我的意思是:我可以用JavaScript。但是如果有一种方法只使用Sass,我会更喜欢。是的,但是每次迭代的数字会不同吗……如果是,那么答案是否定的。CSS不能计算元素。你需要事先知道数字,然后使用它。@Paulie_d谢谢。这已经很有用了。解释了我迄今为止看到的一些事情。不清楚是什么你正在尝试这样做。这个“迭代”的目的是什么。@Paulie_D对某个组的每个元素应用一个操作。例如:“transform:rotate”。我的意思是:我可以用JavaScript来做。但是如果有一种方法只使用Sass,我会更喜欢。是的,但是每次迭代的数字会不同吗?如果是,那么答案是我不。CSS不能计算元素。你需要事先知道数字,然后使用它。@Paulie_d谢谢。这已经很有用了。解释了我到目前为止看到的一些东西。