Is it possible to add a parent selector in LESS?

Question

My css is structured in components, each component is stand-alone.

example:

.menu {
  background: black;
}

The framework I\'m using

Answer 1

You can reference the parent selector using &: http://lesscss.org/features/#parent-selectors-feature

LESS

.menu {
   background: black;
  .loggedIn & {
    color: red
  }
}

Will compile to CSS

.menu {
   background: black;
}
.loggedIn .menu {
    color: red
}