title: Targeting a class when inside another class
body: <p>I am creating a div that will have a default style but is also going to have various options for different styles depending on the content. My goal is to be able to have these styles take effect only when nested inside of the custom class name. Kind of hard to explain verbally so I'll give some code examples of what I mean:</p>
  
  <p>This will be the html structure for the default view:</p>
  
  <pre><code>&lt;div&gt;
    &lt;div class="default"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This will be the html structure for the custom view:</p>
  
  <pre><code>&lt;div class="custom"&gt;
    &lt;div class="default"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So basically I need to be able to write a class that will say "redefine these styles on default only when default is nested inside of custom"</p>
  
  <p>Really just looking for confirmation on the syntax involved here.</p>
  
  <p>My first thought is to write something like: </p>
  
  <pre><code>.custom .default {
    declaration: attribute;
  }
  </code></pre>
  
  <p>I'm just a little unsure of whether this will only target default when it's inside of custom or if this will globally redefine default, I can't live test it just yet because ftp transfer hasn't yet been set up for me on this server.</p>
  
  <p>Thanks in advance for any clarity on this!</p>