JSFiddle - React, Tailwind, and code Playground

by Stephen

HTML

<div class="box1">
      <div class="box2"></div>
    </div>

    <div class="box1"></div>

CSS

.box1 {
      width: 100px;
      height: 100px;
      background-color: red;
    }
.outerBox {
    background-color: yellow;
}

JavaScript

$('.box1:has(.box2)').addClass('outerBox')