CSS - 使用counter（）数作为属性的值

Question

假设我想使用margin-top增量根据它的索引增加元素的counter()。类似的东西：

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

显然上面的内容并不奏效，但如果以某种方式可以使用，我找不到任何信息。没有找到表明它无法完成的东西，所以我想知道......

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

修改

假定的副本（Set margin (indent) based on counter value in CSS）无法提供答案，无论是否可能，以及原因。它只是提出了另一种方法。

Answer 1

它只能在content属性中运行，而不是像你想象的那样变量。如果你在DevTools中查看它，它不是一个整数。你仍然会在那里看到counter(myCounter)。

“在CSS 2.1中，计数器的值只能从'content'属性中引用。” source