JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="test1">
  <div>
    <div>
      <div>
      
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
      
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
      
      </div>
    </div>
  </div>
  <div>
    <div>
      <div>
      
      </div>
    </div>
  </div>
</div>

CSS

div {
  padding: 20px;
  border: 20px solid blue;
  background: grey;
  min-width: 100px;
  min-height: 100px;
}
.test1 div + div {
  border: 20px solid red;
}
.test1 div ~ div {
  border: 20px solid red;
}