CSS - Użyj liczby counter() jako wartości właściwości

Question

Powiedz, że chcę zwiększyć wartość margin-top elementu zgodnie z jego indeksem, używając przyrostu counter(). Coś takiego:

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

Oczywiście powyższe nie działa, ale nie mogłem znaleźć żadnych informacji, jeśli w jakiś sposób można z nich skorzystać. Nie znalazłem czegoś, co by oświadczyło, że nie da się tego zrobić, więc zastanawiałem się ...

Ponieważ liczniki są w istocie zmiennymi określonymi przez css, czy istnieje jakikolwiek sposób wykorzystania numeru licznika CSS jako wartości nieruchomości?

EDIT

Domniemany duplikat (Set margin (indent) based on counter value in CSS) nie daje odpowiedzi, czy jest, czy nie jest to możliwe, i dlaczego. Po prostu sugeruje inne podejście.

Answer 1

Działa tylko wewnątrz właściwości content, a nie jako zmienna w sposób, w jaki o niej myślisz. Jeśli przeglądasz go w DevTools lub podobnym, to nie jest liczbą całkowitą. Wciąż widzisz tam counter(myCounter).

"W CSS 2.1 wartości liczników można odwoływać się wyłącznie z właściwości" content "." source