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

Question

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

indent-1, indent-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;
  }
}

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