title: How to change one property of a class to be unique but have others be the same in CSS
body: <p>So basically I am trying to make all my div boxes one size but a unique color. I currently have just done it in CSS below. However I know this isn't efficient, calling out each box with a specific class and changing the color. Is there a better way in CSS?</p>
  <pre><code>&lt;div class='containera'&gt;
    &lt;div class='box1a'&gt;#c37857&lt;/div&gt;
    &lt;div class='box2a'&gt;#eeedbe&lt;/div&gt;
    &lt;div class='box3a'&gt;#99b27f&lt;/div&gt;
  &lt;/div&gt;
  
  .containera{
    display: flex;
    height: 250px;
    width: 800px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 1; 
    background-color: #734444;
    border-radius: 35px;
  }
  
  .box1a,.box2a,.box3a{
    height: 100px;
    width: 200px;
    margin: -50px 5px 5px 5px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .box1a{
   background-color: #c37857; 
  }
  
  .box2a{
   background-color: #eeedbe; 
  }
  
  .box3a{
   background-color: #99b27f; 
  }
  </code></pre>