title: nested selectors with & (amperstand) are not working
body: <p>I have the following code</p>
  
  <pre><code>.myclass {
    &amp;::-webkit-etc {...}
    &amp;::-moz-etc {...}
  }
  </code></pre>
  
  <p>the properties (<code>...</code>) are the same for both selectors so I did</p>
  
  <pre><code>.myclass {
    &amp;::-webkit-etc,
    &amp;::-moz-etc {...}
  }
  </code></pre>
  
  <p>the first version works fine but for some reason the second one doesn't.</p>
  
  <p>I'm using the scss in my JSX like this</p>
  
  <pre><code>import css from './styles.scss'
  
  ...
  
  &lt;div className={css.myclass}&gt;...
  </code></pre>