title: How to differentiate "#id.class" from "#id .class" in SCSS?
body: <p>How could I, with SCSS, make the difference between :</p>
  
  <pre><code>#id.class {
    color: red;
  }
  </code></pre>
  
  <p>and :</p>
  
  <pre><code>#id .class{
    color: blue
  } 
  </code></pre>
  
  <p>Because I need something like :</p>
  
  <pre><code>#id {
    .class {
      color: red;
    }
    ' ' + .class {
      color: blue;
    }
  }
  </code></pre>