Menos usa el& Operador para mejorar laposibilidades para anidar.

.header        { color: black;
  .navigation  { font-size: 12px;
    &.class    { text-decoration: none }
  }
}

lo que provoca una sustitución de la& con el selector principal y da como resultado una concatentación del selector real directamente al selector principal:.header .navigation.class en lugar del apéndice normal, lo que daría lugar a.class siendo un decendente.header .navigation .class.

Ahora lo que también es posible es lo siguiente (ver también aquí):

.header        { color: black;
  .navigation  { font-size: 12px;
    #some-id & .foo   { text-decoration: none }
  }
}

que daría lugar a lo siguiente:#some-id .header .navigation .foo Intenta aquí . La subestación se lleva a cabo y tengoantepuesto un selector#some-id) a mi selector de padres.

Además del hecho de que nunca codificaría de esta manera, ya que esto probablemente arruina tu hoja de estilos en poco tiempo, mi pregunta:

Como esta funcionalidad no está documentada, ¿es una característica o es más probable que sea un error?
¿Cuáles son los posibles efectos secundarios?