title: Two classes in one div, best approach - CSS
body: <p>I'm still new to styling with CSS. Here is my situation, I have three elements I want to one style. But each one needs small adjustments. So I gave each element the class of <code>plan-price</code> and then I gave them each a unique second class. Then I'm trying to nest the second class within the first. But that approach is not working. I'll show my code for clarity.</p>
  
  <h2>HTML</h2>
  
  <pre><code>    &lt;div class="price-plans private-eye"&gt;
          &lt;p&gt;&lt;a href="/account/sign_up?plan=little_birdy" class="button-big reverse-blue"&gt;Select&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="price-plans little-birdy"&gt;
          &lt;p&gt;&lt;a href="/account/sign_up?plan=little_birdy" class="button-big reverse-blue"&gt;Select&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <h1>CSS</h1>
  
  <pre><code> .plan-price {
      float: right;
      margin: 83px 20px 20px;
  
      .private-eye {
        margin: 40px;
      }
  
      .little-birdy {
        margin: 50px;
      }
  
    }
  </code></pre>
  
  <p>As you can see my attempt is to nest the second class within the first. I realize now that this does not work. What is another way I can do this?</p>