360 degrees of CSS child selection

concatenation.less

/* Try it out at http://lesscss.org/less-preview/ */

/* ~"" unquotes the strings in less. */
/* Im sure you could remove the double first arguments of "*" "*" but thats a task for another day */
/* Loop structure from http://meri-stuff.blogspot.com.br/2013/03/less-css-tips-and-trics.html */

/* looping mixin */
.loop (@index, @token, @selector, @joiner) when (@index > 0) {
  /* do whatever you need to do */
  
  @{selector} {
  	border: 2px solid hsl(@index, 100%, 50%);
  }

  /* loop */
  .loop((@index - 1), @token, ~"@{selector} @{token}", @joiner);
}

/* stop mixin */
.loop (@index) when (@index <= 0) {
  loop: end;
}
 
/* use looping mixin */
.loop(360, ~"*", ~"*", " ");