If you want to increase the counter of the listing we can do that easily with the help of counter increment using CSS. This can be used like an variable in javascript and you just have to increment ...

I must not be understanding something. The ready made counter styles list is implemented in terms of counter styles. So the list is only useful if the browser has already implemented counter styles.

If scoped to a sub-tree, it’s the same, except the scoping element itself is counted as "outside" the tree [...] When considering the effects of the scoped property on elements inside the subtree, the ...