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

Question

我有一张表，其中 td 的类如下所示:

缩进 1，缩进 2 ... 缩进 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;
  }
}

当然，您可以将 10 替换为您的数字 n。当然，这只有在您知道发生的情况下才有可能数字。