的CSS通配符选择用于计算填充

Question

我有一个表，其中TD的有看起来像这样的类：

缩进-1，缩进2 ...缩进-N

是否有可能使用该使用通配符选择器在元素上设置增量填充？ （因为我缺乏了解）

伪代码：

td[class^='indent'] { 
    padding-left: (2*n)em 
} 

我有机会如果需要顶嘴。

Answer 1

如果我理解你的问题正确，我认为你可以使用SASS沿着这些线路做一些事情：

@for $i from 1 through 10 { 
    td.indent-#{$i} { 
    padding-left: #{2*$i}em; 
    } 
} 

你在哪里，当然与你的数n取代10。当然这只有在您知道发生的 数字时才有可能。