JSFiddle - React, Tailwind, and code Playground

by netsi1964

HTML

<div class="content">
    <div class="myclass">.myclass</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab delectus incidunt hic eligendi magni adipisci nisi dolores minima fugiat temporibus officia ullam quam ad! Necessitatibus ut illum odit accusantium asperiores!</div>
    <div class="myclass">.myclass~.myclass</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab delectus incidunt hic eligendi magni adipisci nisi dolores minima fugiat temporibus officia ullam quam ad! Necessitatibus ut illum odit accusantium asperiores!</div>
    <div class="myclass">.myclass~.myclass~.myclass</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab delectus incidunt hic eligendi magni adipisci nisi dolores minima fugiat temporibus officia ullam quam ad! Necessitatibus ut illum odit accusantium asperiores!</div>
</div>

CSS

.myclass {
    background: red;
}

.myclass~.myclass {
    background: yellow;
}

.myclass~.myclass~.myclass {
    background: green;
}