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
}

Answer 2

Unless I am completely missunderstanding you, and there is a possibility, then the ampersand-parent-selector is exactly what you need!

.menu{
  .loggedIn & {
    color: red
  }
}

Should result in

.loggedIn .menu {
  color: red
}