Sass for循環td使用::之前選擇器

Question

我對sass相當陌生，並且在獲取::之前 ::之前有一些問題@for循環。

我有六個TD元素的錶行。

<tr> 
     <td></td> 
     <td></td> 
     <td data-th="Entered"></td> 
     <td data-th="Location"></td> 
     <td></td> 
     <td></td> 
    </tr> 

作爲響應我已經改變了我的表，以列表，並希望數據個添加到我的列表，當我移動視圖。

我希望我的for循環實現，像這樣將工作

@for $i from 3 to 5 { 
    td::before(#{$i}) { 
    /* The middle element */ 
    content: attr(data-th)": "; 
    } 
} 

不過，我無法看到任何變化。

我測試上的第n個孩子與背景顏色概念的語法和它的工作

@for $i from 3 to 5 { 
    td:nth-child(#{$i}) { 
    /* The middle element */ 
    background: red; 
    } 
} 

我也可以得到它簡單地做

td { 

     &:before { content: attr(data-th)": " } 

} 

但是，這種方法增加結腸工作到每一個td。任何建議將不勝感激。

Answer 1

我需要確定第n個孩子後之前添加。有第n個孩子似乎是必需的。

@for $i from 3 to 5 { 
    td:nth-child(#{$i}):before { 
    /* The middle element */ 
     content: attr(data-th)": "; 
    } 
}