JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div class="user"></div>
<div class="user hideme"></div>
<div class="user"></div>
<div class="user"></div>
<div class="user hideme"></div>
<div class="user hideme"></div>
<div class="user"></div>
<div class="user hideme"></div>
<div class="user"></div>
<div class="user"></div>
<div class="user"></div>
<div class="user"></div>

CSS

.user {
  height: 50px;
  background: red;
}

.user:nth-of-type(odd) {
  background: blue;
}

.user.hideme {
  display: none;
}


.user:not(.hideme)~.user {
  background: blue;
}