JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="foo">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi perspiciatis itaque voluptates mollitia dicta autem, atque totam alias amet at repudiandae animi quia, cum vel nesciunt a labore, facilis ducimus.
  <div class="bar">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa repudiandae optio quia cumque eius quidem, odit sapiente! Dicta facilis, sit ratione ullam, corporis quas neque minima porro delectus aut officia.</div>
</div>

CSS

:root {
  --test: red;
}

.foo * {
  color: var(--test, blue);
}

.bar {
  --test: green;
}