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; 
    } 
    } 
}