JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
  <div class="container">
    <div class="element-1"></div>
    <div class="element-2"></div>
    <div class="element-1 element-offset-2"></div>
    <div class="element-3"></div>
  </div>
</div>

CSS

div[class*="element-"] {
  display: inline-block;
  background-color: blue;
  height: 100px;
  width: 100px;
}

div[class*="element-"] + div[class*="element-"]:not([class*="element-offset-"]) {
  margin-left: 1%;
}