<div class='rectangle inside-rectangle'>Rectangle!</div>
<div class='rectangle'>Rectangle!</div>
<div class='rectangle'>Rectangle!</div>
<div class='rectangle inside-rectangle'>Rectangle!</div>
<div class='rectangle'>Rectangle!</div>
<div class='rectangle inside-rectangle'>Rectangle!</div>
<div class='rectangle'>Rectangle!</div>
<div class='rectangle inside-rectangle'>Rectangle!</div>

.rectangle {
  background: var(--c, #ccc);
  
  /* just for prettyfying */
  margin: .5em;
  padding: .5em;
  font: 1em/ 3 sans-serif;
}

.inside-rectangle { --c: #b74096 }