JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<div class="cont">
<div class="a">AAA</div>
<div class="a" style="display:none">BBBB</div>
<div class="a">CCCC</div>
</div>

CSS

.cont{
  display:flex;
}

.a{
  flex:1 1 33%;
  border:1px solid red;
}

.a:first-child{
  flex:1 1 25%;
}
.a:last-child{
  flex:1 1 50%;
}

.a[style*="display:none"] + .a{
  background:Red;
}

.a:visible + .a{
  border:1px solid green;
}