JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<div class="wrap">
    <h2 class="first-child">Previous text</h2>
    <h2 class="last-child">Last child text</h2>
</div>


<div class="wrap">
    <h2 class="first-child">Previous text</h2>
    <h2 class="last-child">Last child text</h2>
</div>

CSS

.first-child ~ * {
 color: red;
}

.last-child ~ * {
 color: green;
}

JavaScript

// Select previous sibling