CSS: utilizzare il contatore() numero come valore della proprietà

Question

Dire che si desidera incrementare lo margin-top di un elemento in base all'indice, utilizzando un incremento counter(). Qualcosa di simile:

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

Ovviamente quanto sopra non funziona, ma non riuscivo a trovare alcuna info se in qualche modo può essere utilizzato. Nessuno dei due ha trovato qualcosa che affermasse che non può essere fatto, quindi mi sono chiesto ...

Poiché i contatori sono essenzialmente variabili mantenute da css, esiste un modo per utilizzare un numero di contatore CSS come valore di una proprietà?

EDIT

La presunta duplicato (Set margin (indent) based on counter value in CSS) non fornisce una risposta se è o non è possibile, e perché. Suggerisce semplicemente un altro approccio.

Answer 1

Funziona solo all'interno della proprietà content, non come una variabile come la si sta pensando. Se lo visualizzi in DevTools o simili, non è un numero intero. Vedresti ancora counter(myCounter) lì.

"Nei CSS 2.1, è possibile fare riferimento ai valori dei contatori solo dalla proprietà" content "." source