title: Sass parent select (&) after element tag name?
body: <p>When using SASS (SCSS syntax specifically), is it possible to use the parent selector (ampersand, <code>&amp;</code>), right after an element name in a nested group of rules like this? I'm using some BEM naming conventions:</p>
  
  <pre><code>.container {
  
    &amp;__element {  // &lt;-- This works fine
  
    }
  
    div&amp;__element {  // &lt;-- This does NOT work
  
    }
  }
  </code></pre>
  
  <p>Trying to compile out to this:</p>
  
  <pre><code>.container {
  }
  .container__element {
  }
  div.container__element {
  }
  </code></pre>
  
  <p>But instead I get an error:</p>
  
  <pre><code>Invalid CSS after "div": expected "{", was "&amp;__checkbox"
  
  "&amp;__checkbox" may only be used at the beginning of a compound selector.
  </code></pre>
  
  <p>Am I missing something about the syntax here? Is it just not possible to do this?</p>