JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

HTML

<h1> Target Bar Second Element </h1>

<div class="foo">Foo Element</div>
<div class="bar">Bar Element</div>
<div class="baz">Baz Element</div>
<div class="bar">Bar Second Element</div>
<div class="jar">Jar Second Element</div>
<div class="kar">Kar Second Element</div>
<div class="bar">Bar Third Element</div>

CSS

.bar~.bar {background:green;}
.bar~.bar~.bar {background:yellow;}