Sass - 循环遍历第n个孩子（＃{$ i}）的数字目标

Question

我创建了一个mixin来隐藏从include语句发送的第n个子值的列（th和td）。我的代码中缺少的是什么，或者更好的是，这是最好的方法，即使纠正了工作？

包含语句：

$hidden-columns: (2, 3, 6, 9, 17); 
@include hide-columns($hidden-columns); 

密新：

@mixin hide-columns($columns) { 
    @for $i from 0 to length($columns) { 
    th:nth-child(#{$columns[ $i ]}), 
    td:nth-child(#{$columns[ $i ]}) { 
     display: none; 
    } 
    } 
} 

Answer 1

我结束了但是使用的，而不是一个循环（如下图）@each，我仍然希望知道正确的语法在我原来的帖子中的循环，如果有人在意发帖，我会将其标记为答案。

@mixin hide-columns($columns) { 
    @each $col in $columns { 
    th:nth-child(#{$col}), 
    td:nth-child(#{$col}) { 
     display: none; 
    } 
    } 
}