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

by

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);

}
<div class="parent">
  <div>0</div>
  <div>15</div>
  <div>30</div>
  <div>45</div>
  <div>60</div>
  <div>75</div>
</div>

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. When to use margin vs padding in CSS [closed]
  3. How to prevent Less from trying to compile CSS calc() properties?
  4. Disable LESS-CSS Overwriting calc() [duplicate]
  5. Is there a SASS.js? Something like LESS.js?
  6. Using variables in property names in LESS (dynamic properties / property name interpolation)
  7. How to thematize in lesscss
  8. less.js not working in chrome
  9. Double border with different color [duplicate]
  10. import .css file into .less file
  11. What does an “&” before a pseudo element in CSS mean?
  12. Padding-bottom/top in flexbox layout
  13. Defining Variable Variables using LESS CSS
  14. -webkit-margin adds unwanted margin on texts
  15. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  16. Build list of selectors with LESS
  17. Remove all padding and margin table HTML and CSS
  18. Less lists as a mixin argument(s)
  19. LESS CSS: abusing the & Operator when nesting?
  20. How do I extend a class/mixin which has dynamically formed selector
  21. What is the difference between `margin` and `padding` in CSS?
  22. LESS: Unrecognized input error when using Bootstrap
  23. Absolute positioning ignoring padding of parent
  24. LESS mixin a variable class name
  25. Concatenate strings in Less
  26. Does LESS have an “extend” feature?
  27. Center text in div?
  28. Less CSS: Mixins with Variable Number of Arguments
  29. Media Query grouping instead of multiple scattered media queries that match
  30. Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?

Leave a Comment