How to understand the &-sign in Less/SCSS? : <p>I'm trying to understand the &amp; sign in Less. According to lesscss.org, the &amp; represents the current selector parent. So what does it mean in the instance below? The css for the container class is obvious. But what does the &amp;-footer, .CancelButton and &amp;-thresholds apply to?</p>

<pre><code>.container {
  display: flex;
  margin: 8px 0 8px 0;
  line-height: 32px;

  &amp;-footer {
    display: flex;
    margin: 24px 0 8px 8px;
    height: 32px;
    justify-content: flex-end;

    .CancelButton {
      margin: 0;
    }
  }

  &amp;-thresholds {
    margin: 24px 0;
  }
}
</code></pre>
