How to property create nth-child CSS for multiple level html

Question

I currently have a screen where widgets can be inserted into the DOM. I would like to set the z index based on the number of occurrence class decrement-z-indexe