JSFiddle - React, Tailwind, and code Playground

by surakrai

HTML

<div class="level1"> 
  <div class="level2"> 
    <div class="level3"> 
    </div>
  </div>
</div>

<div class="level1"> 
  <div class="level2"> 
    <div class="level3"> 
    </div>
  </div>
</div>

<div class="level1"> 
  <div class="level2"> 
    <div class="level3 active">
    </div>
  </div>
</div>

CSS

.level1{
    border: solid 1px #eee;
    padding: 50px;
    margin-bottom: 10px;
}

JavaScript

$(".level3.active").closest(".level1").css({"color":"red","border":"1px solid red"});