JSFiddle - React, Tailwind, and code Playground

by Julien Etienne

HTML

<div>
  <!-- selected! -->
  <p>Hello
    <span>Yo</span>
  </p>
</div>

<div></div> <!-- not selected -->
<div>
  <!-- not selected -->
  <section></section>
</div>

CSS

div:has(p) {
  background: red;
}

div:has(span) {
  background: yellow;
}

span {
  background: blue;
}