title: scss class selector in span
body: <p>I feel very stupid for asking this question because I think I miss out something.
  I have the following HTML code:</p>
  
  <pre><code>&lt;span class="label-link-text"&gt;[help]&lt;/span&gt;
  </code></pre>
  
  <p>Now, I want to style the span using the class selector like this:</p>
  
  <pre><code>span {
    .label-link-text {
      font-size: 15pt;
      color: red;
    }
  }
  </code></pre>
  
  <p>Sadly, it doesn't work like that.
  But instead, this is working fine:</p>
  
  <pre><code>span {
    &amp;[class="label-link-text"] {
      font-size: 15pt;
      color: red;
    }
  }
  </code></pre>
  
  <p>Can somebody explain it to me? I thought the class selector should work like in the first example?</p>
  
  <p>Codepen: <a href="https://codepen.io/anon/pen/MrjGqe" rel="nofollow noreferrer">https://codepen.io/anon/pen/MrjGqe</a></p>
  
  <p>Many thanks!</p>