title: Sass .scss: Nesting and multiple classes?
body: <p>I'm using Sass (.scss) for my current project. </p>
  
  <p>Following example:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="container desc"&gt;
      &lt;div class="hello"&gt;
          Hello World
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>SCSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.container {
      background:red;
      color:white;
  
      .hello {
          padding-left:50px;
      }
  }
  </code></pre>
  
  <p>This works great. </p>
  
  <p>Can I handle multiple classes while using nested styles.</p>
  
  <p>In the sample above I'm talking about this:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.container.desc {
      background:blue;
  }
  </code></pre>
  
  <p>In this case all <code>div.container</code> would normally be <code>red</code> but <code>div.container.desc</code> would be blue.</p>
  
  <p>How can I nest this inside <code>container</code> with Sass?</p>