CSS - Verwenden counter() Nummer als Wert der Eigenschaft

Question

Angenommen, ich möchte die margin-top eines Elements gemäß seinem Index erhöhen, mit einem counter() Inkrement. Etwas wie:

Offensichtlich funktioniert das Obige nicht, aber ich konnte keine Info finden, wenn es irgendwie verwendet werden kann. Weder gefunden etwas, das besagt, dass es nicht getan werden kann, also fragte ich mich ...

Da Zähler im Wesentlichen Variablen von css beibehalten werden, gibt es eine Möglichkeit, wie ich eine CSS-Zähler-Nummer als Wert einer Eigenschaft verwenden kann?

EDIT

Das vermeintliche Duplikat (Set margin (indent) based on counter value in CSS) keine Antwort geben, ob es oder nicht möglich ist, und warum. Es schlägt einfach einen anderen Ansatz vor.

Answer 1

Es funktioniert nur innerhalb der content Eigenschaft, nicht wie eine Variable, wie Sie daran denken. Wenn Sie es in DevTools oder dergleichen anzeigen, ist es keine ganze Zahl. Sie würden immer noch counter(myCounter) dort sehen.

"In CSS 2.1 können die Werte von Zählern nur aus der Eigenschaft 'content' bezogen werden." source