title: scss basics: inheritance with nesting
body: <p>I have this structure:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;p&gt;Some content&lt;/p&gt;
    &lt;div class="subcontainer"&gt;
      &lt;p&gt;Some content&lt;/p&gt;
      &lt;div class="anothersub"&gt;
        &lt;p&gt;Some content with &lt;a href="#"&gt;a link&lt;/a&gt;.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Say I want to apply a color to all the children contained in a div elements.</p>
  
  <p>I thought that the nesting feature of scss means that I can get all the text in white by writing something like this:</p>
  
  <pre><code>.container {
    color: white;
  
    .subcontainer {
      // other rules
      margin: 10px;
    }
  
    .anothersub a {
      text-decoration: none;
    }
  }
  </code></pre>
  
  <p>But instead it looks like I have to copy the color: white; to each and every div, p and a element. Or do I miss something (sass newbie here)?</p>