JSFiddle - React, Tailwind, and code Playground

by Isaac Nygaard

HTML

<div class="myContainer">
    <p>...</p>
    <div>...</div>
</div>

<div class="myContainer">
    <p>...</p>
    <div class="red">...</div>
</div>

<div class="myContainer">
    <p>...</p>
    <div class="step">...</div>
</div>

CSS

.myContainer {
    height:150px;
    width:200px;
    outline:1px solid red;
}

.myContainer > p ~ div:not(.red) {
    background-color:green;
}