title: target child with tagname and parent's class name with BEM naming appended to it in scss
body: <p>HTML:</p>
  
  <pre><code>&lt;div class="nav"&gt;
      &lt;a class="nav__link"&gt;click here...&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Expected CSS Output:</p>
  
  <pre><code>a.nav__link { 
    text-decoration: none;
  }
  </code></pre>
  
  <p>My Current SCSS:</p>
  
  <pre><code>.nav {
    a&amp;__link {
      text-decoration: error;
    }
  }
  </code></pre>
  
  <p>ERROR:</p>
  
  <p>Invalid CSS after "a": expected "{", was "&amp;__link"</p>
  
  <p>"&amp;__link" may only be used at the beginning of a compound selector.</p>