title: Target elements inside an element with SASS
body: <p>I have a label outside a form and labels insode a form. I want to use SASS to style the labels insode the form different. Here the html:</p>
  
  <pre><code>&lt;div class="loginField"&gt;
  
   &lt;label&gt;...&lt;/label&gt;
  
    &lt;form&gt;
          &lt;label&gt;...&lt;/label&gt;
  
          &lt;label&gt;...&lt;/label&gt;
  
     &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I thought I could do:</p>
  
  <pre><code>.loginField 
      {
  
         label 
         {
         //css rules for label outside form
         }
  
         &amp;form{
  
               label{
               //css rules for label insode the form
               }
          }
       }
  </code></pre>
  
  <p>However, this does not produce CSS rules for the inner labels - they get applied the same styles as the label outside the form...</p>