CSS - 使用counter()数作为属性的值

Question

假设我想使用增量margin-top根据它的索引counter()递增元素.就像是:

div {
    margin-top: calc(counter(myCounter) * 10px);
}

显然上面的方法不起作用,但如果以某种方式可以使用,我找不到任何信息.没有找到表明无法完成的事情,所以我想知道......

由于计数器本质上是由css保留的变量,有什么办法可以使用CSS计数器编号作为属性的值？

编辑

假定的副本(基于CSS中的计数器值设置边距(缩进))不提供答案,无论是否可能,以及为什么.它只是建议另一种方法.

Answer 1

它仅在属性内部起作用content，而不是像您想象的那样是变量。如果您在 DevTools 等中查看它，它不是一个整数。你仍然会counter(myCounter)在那里看到。

“在 CSS 2.1 中，计数器的值只能从‘content’属性引用。” 来源