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

Question

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

indent-1，indent-2 ... indent -n

是否可以使用通配符选择器在元素上设置增量填充？

伪代码（因为我缺乏理解）：

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

如果需要，我可以访问sass。

Answer 1

如果我理解你的问题，我认为你可以使用SASS来做这些事情：

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

你当然用你的号码n代替10。当然，这只有在你知道发生的情况下才有可能 数字。