How to add different CSS style to every nth element, depending on n using LESS

Question

I am trying to add different padding to subsequent elements in a div. My DOM looks pretty simple.

   
0
           


        
      

Answer 1

I suppose you want to achieve a stair visually. In this case you can do it like below:

.parent {
  line-height: 1.2em;
}

.parent>div:not(:first-child)::before {
  content: "";
  float: left;
  width: 15px; /*your padding*/
  height: calc(1.2em + 2px);

}

  
0
  
15
  
30
  
45
  
60
  
75