JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<div>
  <p>Lorem ipsum dolor sit amet.</p> <!-- этот потомок, тут видна. -->
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo dolores doloribus necessitatibus.</p> <!-- этот не потомок, тут каскад уже не работет. Переменная не видна. -->

CSS

div {
  --color: red;
}

p {
  color: var(--color);
}