title: How to target the parent class from nested classes in SASS
body: <p>Is there a way to achieve something like below in SASS without indicating <code>.group-left</code> twice?</p>
  
  <pre><code>.wrapper .group-left {
    background-color: blue;
  }
  .wrapper-child:nth-child(2n+2) .group-left {
    background: red;
  }
  </code></pre>
  
  <p>I was trying to put ampersand after <code>.group-left</code>, but doesn't work. So, I have to re-select <code>.group-left</code>. Below is my current code.</p>
  
  <pre><code>.wrapper {
    &amp;:nth-child(2n+2) .group-left {
      background-color: red;
    }
    .group-left {
      background-color: blue;
    }
  }
  </code></pre>
  
  <p>Please advise. Thank you.</p>